首先你得理解行内标签和块级标签的含义,
a标签是行内标签,设置宽高是无效的,
因为你要先把他转为块级标签
a {display:'block'
width:85px
}
因为A是行内元素,不支持宽度的设定;
如果想A支持设置宽度,首先将其变成块元素,CSS文件修改如下:
a{
display:inlin-block/*设置为行内块*/
width:100px;/*设置a标签宽度为100px*/
}
因为你在a标签上设置了padding:4px标签设置padding属性的情况下,浏览器所显示效果为:当前标签width+padding=实际显示宽度,
你这里a设置了width:130px那么实际显示宽度就会是138px;
所以,你如果想让li与a宽度一样,那么a标签的宽度要减少8px;
当然,你这里所写的布局一般是不会出现宽度不同的问题,li设定float:left后,宽度是根据内部a标签的实际宽度而自适应的
你只要了解了这个问题,以后写其他样式的时候就能有数了