Question

我正在尝试制作链接列表，连续6个链接。

问题是我不知道会有多少链接。它可能只有2或25。

请查看此fiddle。

我必须对css做错了，因为：

例如，如果只有3个链接， .toplist div的边框不会覆盖 wrap div的整个长度。
此外，在新行出现之前，我无法获得超过两个div对齐。
这并不重要，但在IE6中，即使我使用 overlow：auto ，我也看不到我的ul的背景（如果我设置了一个），还有，如果我为ul设置margin-bottom，我就看不到了。

有关css的错误的任何想法？

泰

Answer 1

我对你fiddle的原始小提琴做了一些修改。看看这个：

.wrap {
width:960px; 
margin:0 auto;
border:1px solid #000
}

.toplist {
border:1px solid #0f6;
padding:0 0 0.5em 1em
}

.toplist ul {
list-style:none;
overflow:hidden;
margin:0;
padding:0;
}
.toplist ul li {
float:left;    
width:15%;
margin-right:1em;
line-height:1.4em;
border-bottom:solid 1px #222;
}
.toplist ul li a, .toplist ul li .cat {
display:block;
font-size:0.7em;
}

.content{
background-color:#FF2E2E;
color:#FFF;
margin-top:100px;
heyight:40px
}

希望这有效。 :)它也适用于 IE 6 ！：）

包含ul列表的Div的宽度不是100％，并且它继承了较短ul的宽度

1 个答案: