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 个答案: