如何阻止IE6通过负边距剪切位于其父元素外部的元素?

赋值 position: relative; 到 .element ,像这样:

<style>
.parent {
    height: 1%;
}

.element {
    float: left;
    margin-left: -4px;
    position: relative; /* Fixes clipping issue in IE 6 */
}
</style>

...

<div class="parent">
    <div class="element">Element</div>
</div>

只有当父元素具有布局(这太大了,一罐蠕虫无法进入)时才需要这样做。

<style>
.parent {
    height: 1%;
    overflow: auto;
    _zoom: 1; /*ie6 hack forces has layout*/
}

.element {
    float: left;
    margin-left: -4px;
}
</style>

这种情况发生在IE6中,负利润加上浮动。

如果可以,去掉浮球:

.element {
   float: none:
   zoom: 1;
}