Div環繞內容？

-1

我試圖讓我的頁面中的所有內容被100％寬的div所包裹，所以我可以在它下面放置100％寬的div。基本上我想要一個100％寬的頭div（我有）和100％寬的頁腳div。Div環繞內容？

我一直在嘗試HOURS來得到它，但我敢肯定我在這裏失去了一些東西？ http://sammybutts.com/mud2/events.html - 你會看到綠色的標題......我希望底部有類似的東西。

任何想法？
在此先感謝您的任何意見！

**澄清 - 只是爲了澄清，我想基本上把寬度：<div id="content-wrap">

來源

2014-11-24 user3769255

嘗試在Jsfiddle中重現錯誤。大多數人不會點擊該外部鏈接。 – Lowkase 2014-11-24 15:35:53

請包括您的相關代碼（在這種情況下，HTML和CSS） – 2014-11-24 15:38:03

只需在'content-wrap' div後添加另一個div ...它將自動100％寬。 – 2014-11-24 15:39:37

基本標記爲此後100點％的div會是：

<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添加到這些元素之一。這對我很好，我用它作爲默認值。

來源

2014-11-24 15:57:25 Fleuv

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

密切的CSS

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

來源

2014-11-24 15:41:54 Gary

我會建議使用外部樣式表。 – Gary 2014-11-24 15:45:29

當div是默認的'display：block'時，爲什麼要給它一個100％的寬度？ – 2014-11-24 15:57:00

Div環繞內容？

回答

相關問題