div가 중첩 된 div가 떠 다니기 때문에 Div가 표시되지 않습니다.

Question

컨테이너 내에 여러 개의 부동 div가있는 컨테이너가 있습니다. div가 콘텐츠의 전체 높이까지 늘어나기를 원합니다.

컨테이너를 확장하기 위해 overflow:visible을 추가하려고 시도했지만 clear도 추가되었지만 작동하지 않는 것으로 보입니다. here

Answer 1

사용할 수

라이브 사이트 링크 당신은 사업부에 떠 있지 뭔가를 넣어 그 선택을 취소해야합니다.

<div class="magical-div> 
    <div class="float1"> content </div> 
    <div class="float2"> content </div> 
    <div style="display:block;clear:both;">&nbsp;</div> 
</div>