当使用浮动时停止重叠Div

Question

当我调整浏览器的窗口大小时，我有三个div块互相重叠。

我的代码是：

CSS

.face{ 
    width:100%; 
    overflow: hidden; 
    clear:both; 
    clear:left; 
    clear:right; 
} 
    .center { 
    width:80%; 
    height:3000px; 
    margin:50px auto auto -100px; 
    text-align:center; 
    float:left;}. 

    .contact{ 
    width:10%; 
    float:left;} 

    .menu{ 
    width:10%; 
    float:left;} 

HTML

<div class = "face"> 

    <div class ="menu"> 
     <ul class="nav"> 
     </ul> 
    </div> 
    <div class="center"> 
     <div class ="content"> 
      <?php ?> 
     </div> 
    </div> 
    <div class = "contact"> 
      <div id="scrollingDiv"> 
     </div> 
    </div> 
</div>  

页这段代码是：enter link description here 我已经尝试了许多方法来阻止重叠。我尝试过使用相对/绝对定位。我也试过没有花车。我最近尝试使用左右填充，都无济于事。

任何建议或工作示例都会很棒。

Answer 1

我认为你的意思是在Internet Explorer中，类'center'的元素不会保持最小宽度。我在Firefox 9中看不到相同的问题。我没有测试，但尝试给'内容'固定的宽度说640px。