親の外側にある要素を負のマージンでクリッピングするのを止めるにはどうしたらいいですか？

Question

私はこのように、負のマージンを介して親outisde位置決め要素を有する：Internet Explorer 6で

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

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

... 

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

、親要素の外側に位置.elementの一部は、切断、隠し、すなわち不可視クリップされます。これをどうやって解決するのですか？このような.elementへ

Answer 1

割り当てposition: relative;、：親要素hasLayout（ワームの大きすぎる缶でここに入るために）場合にのみ必要です

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

。

Answer 2

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

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

Answer 3

これは、IE6で浮動小数点数と組み合わせた負のマージンで発生します。

あなたは、フロートを取り除くことができる場合：

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