偶然发现,IE6的Li标签左边会多出16px的宽度,即使把list-style-type设置成none 。而在Firefox中却是正常的(IE其它版本没测试,不过应该是和Firefox一样的) 。
经验证,其实是IE6的list-style-position属性造成的,默认情况下,Firefox中list-style-position值为 outside,即列表项符号会在LI标签的外面显示 。而IE6的默认值则相反(inside) 。不过这还不是问题关键,IE6完全是属于占着茅坑不拉屎 的那种,即使你不显示列表项符号,即把list-style-type设置成none,它依然会保留列表项符号占用的空间 。所以无论你给LI的设置 margin:0或者padding:0,你都会发现Li左边会多出16PX的空间 。
既然知道问题的关键,解决起来就不难了,直接设置 ul 的样式为
list-style-position:outside;
【关于IE6下Li标签左边多出宽16pxBUG的问题】OK,把项目符号赶到LI的外面去,让IE6去哭吧 。。。
推荐阅读
- 太平洋里下钩子歇后语
- 中国关于谦让的格言
- 电商平台图片下载器下载淘宝商品图片的操作方法
- 真真是清风旗下的吗
- 固定窗口方法 IE6 position:fixed bug
- 关于海边夜景的唯美句子
- 交通伤残鉴定在哪儿
- qq突然下线是什么原因
- CSS IE6奇数宽度或高度的bug
- Free Music&Video Downloader下载网络音乐的方法步骤