내부 div를 외부 div를 누르는 방법

Question

div가 있다고 가정합니다. 이 div 안에는 두 개의 div가 왼쪽에 떠 있고 서로 바로 옆에 있습니다. 왼쪽 div는 그림입니다. 어떤 이유로 사진이 너무 크면 사진에 맞게 외부 div를 누르지 않습니다. 그 대신 그림은 계속해서 자체적으로 진행하고 바깥 쪽 div의 아래쪽 경계를 넘어갑니다. 어떻게하면 그림이 외부 div도 확장되도록 만들 수 있습니까?

Answer 1

"overflow: auto;"또는 "overflow: hidden;"을 포함하는 div에 모두 추가하는 것이 좋은 해결책입니다 (정확한 시나리오에 따라 각각 고유 한 단점이 있지만 매우 안정적입니다). IE에서 작동하려면 hasLayout을 추가해야합니다. 여기

.container { 
    overflow: hidden; 
    display: inline-block; /* triggers hasLayout in IE */ 
} 

.container { 
    display: block; /* back to block */ 
} 

추가 옵션 : http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/

가장 쉬운 추가하는 것입니다

Answer 2

<div style="overflow: auto"> 
    <div class="left"> 
    </div> 

    <div class="right"> 
    </div> 
</div> 

Answer 3

당신이 두 가지 요소, 외부 사업부를 밀어 것입니다 떴다하지 않는 가장 큰 하나 사업부가있는 경우

<div> 
    <div class="left"> 
    </div> 

    <div class="right"> 
    </div> 
</div> 

. 두 개의 떠 다니는 요소가있는 div가있는 경우 모든 것을 푸시 다운 할 수 있도록 둘 다 명확한 div가 필요합니다.