关于IE6下Li标签左边多出宽16pxBUG的问题

关于IE6下Li标签左边多出宽16pxBUG的问题，是一个非常经典的CSS问题。这个问题是由于IE6对于块级元素的宽度计算方式与其他浏览器不同，导致其会多出16px的空白。

解决这个问题的方法有很多种，包括利用IE6的hack、利用CSS的属性选择器等。以下是其中两种示例说明：

1. 利用IE6的hack

ul {
  *margin-left:-16px; /* IE6 hack */
}
ul li {
  *margin-left:16px; /* IE6 hack */
}

利用IE的hack方式，可以在IE6中将li标签左边多出的宽度给减去。通过给ul和li标签添加*margin-left属性，可以在IE6中生效，而其他浏览器则会忽略这个属性。

1. 利用CSS的属性选择器

ul li {
  margin-left:16px;
}
/* IE6 only */
* html ul li {
  margin-left:0;
  margin-right:16px;
}

利用CSS的属性选择器，也可以很方便地解决这个问题。通过给IE6专门设置一个样式，可以将li标签左边的16px给减去，而其他浏览器留下的是原本的样式。

以上是解决IE6下Li标签左边多出宽16pxBUG的两种方法。由于现在IE6已经较少被使用，所以这个问题也已经逐渐得到了解决。但是，了解这个问题的解决方法，对于我们掌握CSS布局也是非常有帮助的。