Css 如何停止IE6通过负边距剪裁位于其父元素外部的元素？

我有一个元素通过负边距定位在它的父元素之外，如下所示：

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

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

...

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

<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>

.家长{
身高：1%；
}
.元素{
浮动：左；
左边距：-4px；
}
...
元素

---

在Internet Explorer 6中，

.element

位于其父元素外部的部分被剪裁，即不可见、隐藏、切断。如何解决此问题？

分配

位置：相对

到

.element

，如下所示：

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

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

...

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

<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>

.家长{
身高：1%；
}
.元素{
浮动：左；
左边距：-4px；
位置：相对；/*修复了IE 6中的剪辑问题*/
}
...
元素

---

只有当父元素有布局（这是一个太大的蠕虫罐，无法进入这里）时，才需要这样做。

分配

位置：相对

到

.element

，如下所示：

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

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

...

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

<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>

.家长{
身高：1%；
}
.元素{
浮动：左；
左边距：-4px；
位置：相对；/*修复了IE 6中的剪辑问题*/
}
...
元素

只有当父元素有布局（这是一个很大的蠕虫罐头，无法进入这里）时，这才是必需的。

.家长{
身高：1%；
溢出：自动；
_缩放：1；/*ie6黑客部队有布局*/
}
.元素{
浮动：左；
左边距：-4px；
}

.家长{
身高：1%；
溢出：自动；
_缩放：1；/*ie6黑客部队有布局*/
}
.元素{
浮动：左；
左边距：-4px；
}

在IE6中，这种情况发生在负边距与浮动相结合的情况下

如果可以，请清除浮动：

.element { float: none: zoom: 1; } .元素{ 浮动：无： 缩放：1； }

---

在IE6中，这种情况发生在负利润与浮动相结合的情况下

如果可以，请清除浮动：

.element { float: none: zoom: 1; } .元素{ 浮动：无： 缩放：1； }

---

这似乎无法解决问题。我认为

height:1%

应该强制hasLayout在

上；您不应该也需要缩放：1。这似乎无法解决问题。我认为
height:1%
应该强制hasLayout在
上；你不应该也需要缩放：1。太棒了，我已经为这个问题挣扎了好几天了！！！终于找到了一个解决办法：）有趣。我以前有过好几次这样的问题，实际上我花了好几个小时尝试CSS中的各种更改，但都无济于事。这似乎很有效。太棒了，我已经为这个问题挣扎了好几天了！！！终于找到了一个解决办法：）有趣。我以前有过好几次这样的问题，实际上我花了好几个小时尝试CSS中的各种更改，但都无济于事。这似乎奏效了。