CSS列表内联，然后在底部

我需要做一些搜索我的网站面板。我试了几个小时，但什么都没有。。。这是我目前的小提琴，我想我离决赛最近了

我需要

<ul class='next_list'>

展示在

<ul class='choise_list'>

然后是下一个列表和下一个

添加以下内容：

.next_list{
   clear:left;
}

加上这个

ul {
    display:inline;
}

后css

ol,ul,li { }

---

只需在ul上添加溢出：隐藏

ul{
    overflow:hidden;
}

---

尝试移除浮动并使用显示内联块。我将您的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%;
}

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%;
}