去除浮动列表的右边距 利用负边距

去除浮动列表的右边距

这个效果应该是我们平时最常用的了，以前都是给最后一个套上个 class ，但这样太麻烦，IE6 又不支持高级的选择器写法，利用负边距去做，真是省时又省力：）

CSS：

div {
    _overflow:hidden;
    width:540px;
    border:2px solid #65B453;
    background:#0C7823;
}
ul {
    overflow:hidden;
    _zoom:1;
    margin-right:-10px;
    list-style:none;
}
ul li {
    float:left;
    margin-right:10px;
    width:100px;
    height:100px;
    background:#E9FBE4;
}

HTML：

<div>
  <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
</div>

猛击demo ☻