有关IE6下Li标识左侧多出宽16pxBUG的难题

2021-01-20 11:42 jianzhan

不经意发现,IE6的Li标识左侧会多出16px的宽度,即便把list-style-type设定成none。而在Firefox中确是一切正常的(IE其它版本号没检测,但是应当是和Firefox1样的)。

工作经验证,实际上是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;

OK,把新项目标记赶到LI的外面去,让IE6去哭吧。。。