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

Question

I have a master div and inside that i am showing multiple divs as a list.My HTML as below

<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>

So when rendering in firefox, ,The mastercontainer div is of height 200 px .But in IE , Its growing as of the number of child divs it holds. I am using these div's with jFlow plugin to implement a slider control. I want to mainitain the same height for the master div in both the browsers. and i dont need a scrollbar in the master div too.

Answer 1

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

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

Answer 2

也许您可以尝试在style标签中添加：

overflow:hidden;