內聯CSS列表，然後在底部

Question

我需要爲我的網站做一些搜索面板。我嘗試了一段時間，但沒有...這裏是我現在的小提琴在那裏我覺得我是最接近最終..

http://jsfiddle.net/p4z8q/

我需要有

<ul class='choise_list'> 

下顯示

<ul class='next_list'> 

然後下一個清單和下一個...

Answer 1

加入此項：

.next_list{ 
    clear:left; 
} 

Answer 2

添加這個CSS後

ul { 
    display:inline; 
} 

ol,ul,li { } 

Answer 3

在UL只需添加overflow:hidden：

ul{ 
    overflow:hidden; 
} 

see fiddle

Answer 4

.question_list>li{overflow: hidden;} 

Answer 5

嘗試刪除浮動並使用顯示內聯塊。我修改你的CSS如下：

ol,ul,li{ 
    padding:0; 
    margin-right:2px; 
    /*background:red;*/ 
} 
.choice_list>li, 
.next_list>li { 
    background-color: red; 
} 
.question_list { 
    list-style-type:none; 
} 

#some{background:green;} 

.choice_list li { 
    /* float:left; */ 
    display: inline-block; 
    list-style-type:none; 
    width:10%; 
} 
.next_list li { 
    /* float:left; */ 
    display: inline-block; 
    list-style-type:none; 
    width:10%; 
}