어쨌든 div의 div 내에서 div를 만들지는 않습니까? div의 div, 위의 div보다 넓습니다. 즉, div가있는 div, 즉 childs 요소의 너비를 지정하지 않고

Question

즉 div가 있습니다. 위의 div보다 큰 너비의 요소를 갖도록 div 내부를 지정하고 싶습니다. 이러한 요소의 오른쪽은 div 위의 오른쪽에 정렬되지만 더 넓기 때문에 왼손 쪽이 튀어 나오기를 원합니다. 아래의 div는 위의 div보다 diff 계층에 있습니다. 위의 div의 트리거 요소를 클릭 할 때만 나타납니다.

기본적으로 드롭 다운 목록은 임의의 요소가있는 이미지 요소보다 크며 클릭하면이 목록이 삭제됩니다. 하지만 난 정확한 위치를 지정하지 않고, 아래에있는 목록을 부모 div 밖으로 벗어나는 왼쪽으로 확장 싶어요. 따라서 요소는 부모 div의 모든 자식이며 부모와 마찬가지로 오른쪽으로 정렬됩니다.

흠, 따라 주시기 바랍니다. 어떤 도움을 주셔서 감사합니다. 미리 감사드립니다.

Answer 1

음수 여백이 가장 좋은 답변 인 것 같습니다. 누구든지 크로스 브라우저 문제를 알고 있다면 여기에 게시하십시오. 아마도 나는 1 ~ 2 주일 동안 시험을 치지 않을 것입니다.

Answer 2

멋진 태그로 보이지는 않지만 액세스 가능성을 위해 선택 태그를 사용해야합니다. 당신이 그것을 설정하는 경우 그러나,이 같은 시도 (그리고 숨길 수있는 자바 스크립트 코드를 추가/목록을 표시) :

#wrapper { 
    width: 500px; 
} 
#select { 
    border: 1px solid black; 
    width: 180px; 
    float: right; 
} 
#options { 
    float: right; 
    clear: right; 
    text-align: right; 
} 

및

<div id="wrapper"> 
    <div id="select">pick one...</div> 
    <div id="options"> 
     <div class="option">I'm short</div> 
     <div class="option">I'm a very very very very very long option</div> 
    </div> 
</div> 

는이 변경을 사용하게하는 경우 옵션 div는 ul 태그로, divs는 li 태그로, 또는 의미 론적으로 사용자가 구축하는 것과 더 가깝습니다. 내 예제에서 CSS의 양을 줄이기 위해 div를 사용했습니다.