자동으로 div 크기를 만들지 만 창의 가장자리에서 깨지지 않게하려면?

Question

롤오버에서 하위 탐색을 표시하는 순수 CSS 롤오버 메뉴가 있습니다. 이 하위 탐색의 너비는 콘텐츠를 표시하기 위해 필요한 것이어야합니다. 즉, CSS에서 너비를 하드 코딩하지 않으려합니다. 그러나 CSS에서 너비를 하드 코딩하지 않으면 div가 창의 가장자리 근처에서 끊어지고 내용이 줄 바꿈됩니다. 너비를 설정하면 원하는 효과를 얻습니다 (div는 하드 코딩 된 크기를 제외하고). 내용은 줄 바꿈을하지 않고 확장됩니다. 둘 다 가질 수있는 방법이 있습니까?

Answer 1

당신은 Superfish, "Supersubs"특히 선택에 따라 볼 수도

, http://users.tpg.com.au/j_birch/plugins/superfish/#sample5

은 자동으로 내용의 폭에 subnav 항목을 조정합니다.

Answer 2

DIV가 깨지지 않습니다. 정렬되지 않은 목록은 끊어집니다. 목록 안의 콘텐츠는 중단되지만 설정 너비가없는 div는 항상 여백 조정 전에 페이지의 전체 너비를 차지합니다. 당신이 원하는 무엇

이 함께 할 수있는 포장에서 DIV에 내용을 유지하는 것입니다 :

#navItem { 
    white-space: nowrap; 
} 

가 min- 및 최대 폭을 사용하여 동적 폭을 갖는 더 복잡한 방법, 또는에 의해 javascript를 사용하지만 브라우저간에 일관성이 없습니다.