2012-09-09 5 views
4

상황은 다음과 같습니다독특한 동작은

CSS의 :

<style> 
#aux1{ 
    position:relative;  
    background-color:#ccc; 
    width:100%; 
    height:200px; 
} 
#aux2{ 
    display:block; 
    background-color:#F00; 
    width:100px; 
    height:100px; 
    margin:20px; 
} 

</style> 

html로 :

<html><head></head> 
<body> 
    "...some content (div with height: auto)" 
    <div id="aux1"> 
     <div id="aux2"> 
     </div> 
    </div> 
</body> 
</html> 

문제 AUX2에서 여백 속성에서 이상한 역할을한다는 것입니다 다음 이미지 :

unusual margin photo 1

012 3,516,

내가 오버 플로우 넣으면 : AUX1 결과에 숨겨진 정상으로 경향이있다 : 마진 (특히 마진 위) 일반적으로 행동하는 숨겨진 :

unusual margin photo 2

왜 난 오버 플로우를 사용해야합니까?

+0

이 ... 당신이 옳다. 내 질문에 붕괴의 특정 경우에 있지만, 부모 - 자식 div 사건 –

+0

중복 질문은 또한 부모 - 자식 div 여백 축소 문제에 대해 이야기합니다. – BoltClock

답변