중첩 된 UL 열은 명시 적으로

Question

이 내가 키 CSS를 아래에 나열된, 내 드롭 다운 모습을 원하는 것입니다 왼쪽 뜨지 않습니다 {플로트 : 왼쪽;}

"#nav .flyout.fourCol {width : 900px; #nav .flyout.fourCol {폭} "나는 설정할 때

http://jsfiddle.net/t7esz/는

(이 작품)하지만": 자동; } "모든 lis가 서로 아래로 붕괴합니다. 왼쪽으로 띄우거나 인라인으로 표시하지 않을 컨테이너 폭을 명시 적으로 설정하지 않으면 좋아합니다.

http://jsfiddle.net/sumcA/2/ (이 방법은 작동하지 않습니다. ! 여기 폭 자동)

Answer 1

은 당신이 뭔가를 할 수 있습니다 :

Css

.list { width: 980px; height: 39px; background-color: #878787; } 
.list ul { list-style: none; margin: 0; padding: 0; } 
.list ul li { 
    float: left; 
    padding: 10px; 
    font-size: 14px; 
    background-color: #3c3c3c; 
    margin-right: 5px; 
} 

Html

<div class="list"> 
    <ul> 
     <li>One</li> 
     <li>Two</li> 
     <li>Three</li> 
     <li>No width set</li> 
    </ul> 
</div> 

그리고 그것은 다음과 같이 표시됩니다

http://img36.imageshack.us/img36/2721/noautoulli.png