Div内容宽度（溢出问题）

Question

问题：主要内容和页脚不会以100％的宽度增长。

CSS代码;

div.header{width:100%; height:50px;};
div.headercontent{width:980px; margin:0 auto;};
div.maincontent{width:100%;};
div.footer{width:100%; height:50px;}

Answer 1

这对我来说很好用：

http://jsfiddle.net/3dzH2/2/

您可能希望在每个CSS声明后删除分号：

body {
    margin: 0;
}
div.header {
    height: 50px;
    background: #b6ff00;
}
div.headercontent {
    width: 980px;
    margin: 0 auto;
}
div.maincontent {
    background: #ff7f27;
}
div.footer {
    height: 50px;
    background: #000;
    color: #fff;
}

我假设您使用的HTML（因为您没有提供任何内容）：

<div class="header">
    <div class="headercontent">
        Header    
    </div>    
</div>

<div class="maincontent">
    Main Content
</div>

<div class="footer">
    Footer
</div>

Answer 2

删除“;”在规则声明之后