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。

使用浮动时停止重叠Div

1 个答案: