Question

因为我正在尝试为我的某个游戏网站开发模板。在这里，我遇到了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>

Answer 1

您正在overflow:hidden; div

使用.wrapper

此外，高度是固定的，尝试使用：

height:500px;
height:auto !important;

并删除溢出属性。

css div与height属性的问题

1 个答案: