Question

<style>
body{
    color:red;
    }
.wrapper{
    width:900px;
    height:auto;
    padding:0px;
    margin:auto;
    background:#000000;
    }
.header{
    width:900px;
    height:200px;
    float:left;
    padding:0px;
    margin:0px;
    }
.body_content{
    width:900px;
    height:200px;
    float:left;
    padding:0px;
    margin:0px;
    }
.fotter{
    width:900px;
    height:150px;
    float:left;
    padding:0px;
    margin:0px 0px 25px 0px;
    }   
</style>    



<div class="wrapper">
<div class="header">Header</div>
<div class="body_content">Body Content</div>
<div class="fotter">Fotter Content</div>
</div>

Answer 1

你忘记了clear你的花车了。

<div class="wrapper">
    <div class="header">Header</div>
    <div class="body_content">Body Content</div>
    <div class="fotter">Fotter Content</div>
    <br style="clear: both;" /> <!-- Google "clear floats" for a few different ways to clear your floats. -->
</div>

This 是他的问题， this 是他的解决方案。

P.S。它拼写为页脚：）

背景颜色和图像不适用于自动外部div高度

1 个答案: