没有div的中心内容

时间:2012-11-11 13:12:03

标签: html css

我最近碰到了这个"article",它解释了如何仅使用html和body标签来集中内容。但我不知道的是如何在使用此方法使我的内容居中的同时制作全宽页眉和页脚。有什么建议吗?

3 个答案:

答案 0 :(得分:1)

我认为你不能,如果你使用body标签作为div,那么其中的任何其他div只会有{{1}的宽度}} 标签。所以

body

将使任何body { width: 200px; margin: 20px auto; padding: 20px; border: 1px solid black; } 的最大宽度为200px。

请参阅this jsfiddle。

答案 1 :(得分:0)

本文解释说,您可以将内容集中在一起 margin: 20px auto; 你需要给页脚和标题相同的CSS。 至少,如果你使用div-blocks,它将更容易,更易读和结构化。也就是说,div-blocks适用于...构建您的网站。

答案 2 :(得分:0)

编辑:我误读了这个问题并重写了我的答案:

有两种方法可以达到你想要的效果。首先是绝对定位将其从流体中取出的元素,并允许您扩展体外的宽度,但这会使一些元素复杂化。第二是使用负边距。我被拉开了,但如果没有其他人这样做,我会试着稍后举一个例子。

编辑:快速拼凑这个。

<!doctype html>
<style>
        body{width:980px;margin:0}
        p{position:absolute;width:100%;background:#ccc;}
</style>
<p>One</p>