Question

div+css布局ul li

那种导航性质的
ul id="materialsnavi">
<li><h5>品牌：</h5></li>
<li><a href="" target="_blank">欧派橱柜</a></li>
<li><a href="" target="_blank">欧派橱柜</a></li>
<li><a href="" target="_blank">欧派橱柜</a></li>
<li><a href="" target="_blank">欧派橱柜</a></li>
<li><a href="" target="_blank">欧派橱柜</a></li>
<li><a href="" target="_blank">欧派橱柜</a></li>
<li><a href="" target="_blank">欧派橱柜</a></li>
<li><a href="" target="_blank">欧派橱柜</a></li>
<li><a href="" target="_blank">欧派橱柜</a></li>
<li><a href="" target="_blank">欧派橱柜</a></li>

<li><h5>建材：</h5></li>
<li><a href="" target="_blank">欧派橱柜</a></li>
<li><a href="" target="_blank">欧派橱柜</a></li>
<li><a href="" target="_blank">欧派橱柜</a></li>
<li><a href="" target="_blank">欧派橱柜</a></li>
<li><a href="" target="_blank">欧派橱柜</a></li>
<li><a href="" target="_blank">欧派橱柜</a></li>
……
</ul>

很简单，我要实现“品牌”和“建材”对齐，
#materialsnavi
{
width:715px;
height:60px;

}
#materialsnavi li
{
float:left;
width:65px;
text-align:center;
}
上面是我写的css，但是不能实现，每换一行，前面就后缩进一个条目，成了锯齿形的，li的width：65px；不能改了，关键是调整ul的宽。

Answer 1

是你用的<h5>标签的问题啦。<h5>这种h打头的标签都会默认定义margin padding值的所以你才会对不齐

你可以在CSS中写h5{ margin:0; padding:0;}
就能对齐了。