하위 여백을 통해 부모 외부에있는 요소를 IE6으로 자르지 않게하려면 어떻게해야합니까?

Question

Internet Explorer 6에서는 상위 요소 외부에있는 .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; 
}