CSS：在 Firefox 和 IE 中保持 DIV 的固定高度答案

【问题标题】：CSS : Maintaining fixed height for DIV in Firefox and IECSS：在 Firefox 和 IE 中保持 DIV 的固定高度
【发布时间】：2009-10-09 19:55:44
【问题描述】：

我有一个主 div，在里面我将多个 div 显示为一个列表。我的 HTML 如下

<div id='divMasterContainer' style="height:200px;">
  <div id='child1'>
       // Some child contents here (Radio button / Button etc.. )
  </div>
  <div id='child2'>
    // Some child contents here (Radio button / Button etc.. )
  </div>
  <div id='child3'>
    // Some child contents here (Radio button / Button etc.. )
  </div>
</div>

因此，当在 Firefox 中渲染时，主容器 div 的高度为 200 px。但在 IE 中，它随着它所拥有的子 div 的数量而增长。我正在使用这些 div 和 jFlow 插件来实现滑块控件。我想在两个浏览器中为主 div 保持相同的高度。我也不需要主 div 中的滚动条。

【问题讨论】：

尝试为您的主容器使用溢出：隐藏

标签： css internet-explorer firefox html

【解决方案1】：

您需要确保主 div 有“隐藏”溢出：

<div id='divMasterContainer' style="height:200px;overflow:hidden;">

【讨论】：

【解决方案2】：

也许您可以尝试在样式标签中使用它：

overflow:hidden;

【讨论】：