父div小于子div?

use*_*480 22 html css wrapper

这是我的问题,我想content div用白色填充.但是当我这样做时,它没有填满整个div.子div更大,它们越过父div(内容).我希望内容div覆盖所有子div.

这是我的代码

#content {
  width: 100%;
  min-height: 400px;
  height: auto;
  max-height: 2000px;  /* ONLY FOR THE MOMENT */
  margin-top: -7px;
  background:white;
}
#fastMenu {
  float:left;
  width: 200px;
  height: 100%;
  margin-top: 20px;
}
#contenu {
  float:left;
  width: 430px;
  height: 100%;
  margin-top: 20px;
  background:white;
}
Run Code Online (Sandbox Code Playgroud)
<div id = "content">
  <div id = "fastMenu">
    <a href="conseil-d-administration">
      <img src="<?php echo 'http://dev201.viglob.gtvr.com/client_file/themes/default/interface/FR/menuAdmin.png'; ?>" border="0" />
    </a>
    <a href="congres-2012">
      <img src="<?php echo 'http://dev201.viglob.gtvr.com/client_file/themes/default/interface/FR/menuCongres.png'; ?>" border="0" />
    </a>
    <a href="formation">
      <img src="<?php echo 'http://dev201.viglob.gtvr.com/client_file/themes/default/interface/FR/menuFormation.png'; ?>" border="0" />
    </a>            
    <a href="devenir-membre">
      <img src="<?php echo 'http://dev201.viglob.gtvr.com/client_file/themes/default/interface/FR/menuMembre.png'; ?>" border="0" />
    </a>            
  </div>  
  <div id="contenu" class="txt"></div>
</div> 
Run Code Online (Sandbox Code Playgroud)

我也想要一个跨浏览的答案(IE7,IE8,IE9,Firefox,Chrome,Opera)

Rod*_*lfo 49

添加overflow: auto到css中.content

  • 如果你解释"为什么"这是有效的,那就太好了. (23认同)
  • 然后代替`overflow:auto`在你关闭`<div id ="contenu">之后添加一个`<div style ='clear:both'> </ div>` (5认同)
  • 它使滚动条...我不想要它(滚动条) (4认同)