css - 包含 ul 列表的 Div 的宽度不是 100%，它继承了较短 ul 的宽度

Question

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

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

请看看这个小提琴。

我一定对css做错了，因为：

1. 例如，如果只有 3 个链接，则.toplist div 的边框不会覆盖wrap div的整个长度。

2. 此外，在出现新行之前，我无法对齐两个以上的 div。

3. 这并不重要，但是在 IE6 中，即使我使用overlow:auto我也看不到我的 ul 的背景（如果我设置了一个），而且，如果我为 ul 设置了 margin-bottom 我没有看见。

关于css有什么问题的任何想法？

泰

Answer 1

我对你原来的 fiddle 对我的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！:)