如何将页面的页眉，内容和页脚颜色拉伸为固定宽度的所有内容？

Question

我有标题和主页内容颜色来拉伸整个页面，但内容仍居中。

但是我的页脚未拉伸，如何像页眉一样拉伸页脚？

HTML：

<body> 
<div id="header"> 
    <div class="container"> <img src=   "images/webalign-uk-white.png" width="429" height="61" />
        <!-- header's content here --><p class="fltrt">Contact: 00000000000</p></div>
    <!-- .container --> 
</div><!-- #header --> 
<div id="content"> 
    <div class="container"> 
        <!-- main content here --><h1> Hello!</h1>

 <div id="footer">
    <div class="container"> 
        <!-- footer's content here --><p>Footer1</p>
  </div><!-- .container --> 
</div><!-- #footer --> 
</body>

CSS：

.container {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 15px; /* the auto value on the sides, coupled with the width, centers the layout */
}

#header {
    background-color: #eee;
}

#content {
    padding: 10px 0;
    background-color:#F9f9f9;
}

#footer {
    padding: 10px 0;
    background-color: #333;
    color: #bbb;
    clear: both;
}

Answer 1

您没有关闭.container和#content div。 这可能是问题所在。

如何将页面的页眉，内容和页脚颜色拉伸为固定宽度的所有内容？

问题描述

1 个解决方案

解决方案1
0 已采纳 2013-02-23 19:13:46

如何将页面的页眉，内容和页脚颜色拉伸为固定宽度的所有内容？

问题描述

1 个解决方案

解决方案1 0 已采纳 2013-02-23 19:13:46

解决方案1
0 已采纳 2013-02-23 19:13:46