충전물 컨테이너가 올바르게 작동하지 않습니다.

Question

설명하기 힘든 부분입니다.

이 그것입니다

<div id="inside-cntr"> 
<!--GAME CONTENT GOES HERE!--> 
<div style="position:relative; margin:15px; margin-top:35px; margin-bottom:20px; padding:1px; width:200px; height:200px; display:inline-block; float:left; background-color:#333;"></div> 
<div style="position:relative; margin:15px; margin-top:35px; margin-bottom:20px; padding:1px; width:200px; height:200px; display:inline-block; float:right; background-color:#333;"></div> 

<!--GAME CONTENT GOES HERE!--> 

#inside-cntr { position:relative; width:760px; height:auto; min-height:50px; margin:0px; background-image:url(../images/global/main-content-inner.jpg); background-repeat:repeat-y; background-position:center; z-index:10; clear:both; } 

어떤 일이 일어나고 것은 두 블록 플로트 속성이있을 때 두 사업부 테스트 블록이 확대 DIV 컨테이너 내부에 앉아 없다는 것입니다. 또한 div 블록을 배치하는 데 왜 큰 여백을 사용해야하는지 잘 모르겠습니다.

Answer 1

#inside-cntr { overflow:hidden; zoom:1; } 

설명 : http://work.arounds.org/clearing-floats/