Question

我试图让我的页面中的所有内容都被100％宽的div包裹起来，所以我可以将100％宽的div放在它下面。基本上我想要一个100％宽的标题div（我有）和一个100％宽的页脚div。

我一直在努力争取它，但我确定我在这里遗漏了什么？ http://sammybutts.com/mud2/events.html - 你会看到绿色的标题......我想在底部有类似的东西。

任何想法？
提前感谢任何输入！

**澄清 - 为了澄清，我想在<div id="content-wrap">

结束后基本放宽：100％div

Answer 1

<div id="header"></div>
<div id="content-wrap"></div>
<div id="footer"></div>

CSS

#header{width:100%;}
#content-wrap{width:100%;}
#footer{width:100%;}

Answer 2

这个的基本标记是：

<div id="header">
    <div class="wrapper">..</div>
</div>
<div class="wrapper">..</div>
<div id="footer">
    <div class="wrapper">..</div>
</div>

此标记的CSS将是这样的：

#header, #footer {
     width:100%; //already is set to 100% because default display is block
}
.wrapper {
    margin:0 auto; //center the element
    width: 100%;
    max-width: 720px; //scale down the element so you can center it.
}

不要将float添加到其中一个元素中。这对我很有用，我把它当作默认使用。

Div to Wrap内容？

2 个答案: