0

当我尝试为我的一个游戏网站开发模板时。在这里,我遇到了height="auto"财产问题。问题是我使用容器 div 宽度作为固定值,容器高度作为自动值。意味着实际上我的主页高度约为500px,但我的播放页面高度我需要按照要求取值。当我在游戏下方添加一个 div 时,我无法看到容器。详情请看这里。http://www.toon10.com/play/Mario_Vs_Bowser

实际上,我所做的是对于总包装器,我将高度保持为450px并且在播放页面中我将高度保持为自动。谁能检查一下,让我知道我犯了什么错误。

查看我的代码:

#wrapper{ 
          margin: 0 auto;
          width: 1230px;
          height: 450px;
          background: #fff;
          -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
          border-radius: 8px;
          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>
4

1 回答 1

1

您正在overflow:hidden;使用.wrapperdiv

另外,高度是固定的,尝试使用:

height:500px;
height:auto !important;

并删除溢出属性。

于 2012-08-06T11:25:51.390 回答