0

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

http://jsfiddle.net/p4z8q/

我需要有

<ul class='next_list'>

显示在

<ul class='choise_list'>

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

4

5 回答 5

1

添加这个

ul {
    display:inline;
}

之后的CSS

ol,ul,li { }
于 2013-08-05T11:29:26.710 回答
0 
.question_list>li{overflow: hidden;}
于 2013-08-05T11:36:48.007 回答
0

尝试删除浮动并使用显示内联块。我修改了你的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%;
}
于 2013-08-05T11:40:49.513 回答
0

添加这个：

.next_list{
   clear:left;
}
于 2013-08-05T11:25:14.343 回答
0

只需添加overflow:hiddenul：

ul{
    overflow:hidden;
}

见小提琴

于 2013-08-05T11:32:12.977 回答