Question

CSS样式问题<ul>

ul{
text-align:left;
margin-left:5px;
font-size:14px;
color:#FF0000;
list-style:none;
}
li{
margin-right:5px;
margin-top:5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FF0000;
}

为什么对应的HTML<li></li>里，无法显示那个红色的底部边框呢！！只有选中<li></li>里的内容，底部的红色边框才能显示出来！！！我很迷惑！！麻烦知道的解释下，谢谢啊！！

Answer 1

我复制了你的CSS

试了下 是可以显示的(看图)

可能是后面或者前有 你又设定的CSS 把它重写了

你可以 用firefox 里的  插件: firebug 查看 你的li 的CSS属性

再做下判断

希望有所帮助

Answer 2

你是不是在ie6下面测试的？
ie6经常会出现这种状况，解决办法是触发haslayout
你可以搜搜这个关键词
针对你这个例子，可以对li的高度赋值，这样就可以触发haslayout。

Answer 3

你可能没在li里面加上内容
所以默认无法显示
你给li定义上宽