用ul 来制作导航栏的几个要点

1 ul

1)list-style:none;

3)设置宽度

2)清除浮动的影响,使高度自适应

2 li

1)向左浮动

2)设置margin和padding都为0

3 a

1) dsiplay :block

2)设置width和height

完整的代码如下:

ul
{
list-style:none;
width:1040px;
margin:0px auto;
zoom:1
    
}
ul:after
{
content:".";
font-szie:0px;
line-height:0px;
display:block;
clear:both;
}
ul li
{
float:left

}
ul li a
{
text-decoration:none;
display:block;
width:130px;
height:50px;

}
原文地址:https://www.cnblogs.com/dotaZhou/p/3498504.html