높이 속성이있는 CSS div 문제

Question

내 게임 사이트 중 하나의 템플릿을 개발하려고하기 때문에. 여기에 height="auto" 속성으로 문제가 발생합니다. 것은 내가 고정 값으로 컨테이너 div 너비와 컨테이너 값을 자동 값으로 사용하고 있습니다. 실질적으로 나의 홈 페이지 높이가 대략 500px에 있다는 것을 의미하지만, 나의 플레이 페이지 높이는 요구 사항에 따라 취해야합니다. 게임 플레이 아래에 div를 하나 더 추가하면 컨테이너를 볼 수 없습니다. 자세한 내용은이 부분을 참조하십시오. http://www.toon10.com/play/Mario_Vs_Bowser

실제로 제가 한 것은 총 래퍼입니다. 높이를 450px으로 유지했으며 재생 페이지에서 높이를 auto로 유지했습니다. 누구든지 이것을 확인하고 내가 어떤 실수를했는지 알려줄 수 있습니까?

내 코드를 참조하십시오

하는 재생

#wrapper{ 
      margin: 0 auto; 
      width: 1230px; 
      height: 450px; 
      background: #fff; 
      -webkit-border-radius: 8px; 
      -moz-border-radius: 8px; 
      border-radius: 8px; 
      overflow: hidden 
     } 

: 당신은 .wrapper DIV 또한

에 대한 overflow:hidden;를 사용하는

<div style="width:900px;"> 
    <div><?php echo strtoupper($gameInfoRow['name']);?></div> 
    <div class="boxContent" style="height:100%; padding:5px"> 
     <div align='center'> 
      /// game here 
     </div> 
    </div> 
    <div style="clear:both"></div> 
</div> 

<div style='height:5px'></div> 
<div style="width:900px; background:#CC0000; height:500px"> 
    //the below game box red strip 
</div> 

Answer 1

는, 높이가 고정되어 사용하려고 :

height:500px; 
height:auto !important; 

그리고 오버 플로우 속성을 제거하십시오.