div를 div 안에 넣은 div 값을 얻습니다.

Question

ID가 "containter"이고 div가 3 div이고 왼쪽에 떠 다니는 속성이 있습니다. 이 플로팅 된 div를 사용할 때 "컨테이너"div는 insided div를 기준으로 높이를 얻지 못합니다. 해결책은 무엇입니까? 감사합니다.

Answer 1

흐름을 복원하려면 clear 속성을 입력하십시오. My Codepen

HTML

<div id="container"> 

    <div class="coucou" ></div> 
    <div class="coucou" ></div> 
    <div class="coucou" ></div> 

    <div class="clear"></div> 
</div> 

CSS`오버 플로우 설정

#container{ 
    width : 600px; 
    background:pink; 

} 

.coucou { 
    margin-left:2px; 
    width :100px; 
    height:200px; 
    float: left; 
    background:blue; 
} 
.clear {clear:both;}