确定这里是网站:

http://danberinger.com/

如果您查看HTML和CSS,你可以看到,我已经设置在中间的100%的div的高度,赋予它的隐藏溢出属性值的来源,它被称为“main_content”。我意识到,高度值正在对所显示的内容没有任何影响,隐藏的是允许main_content div的背景颜色溢出值向下延伸到页脚。我想我知道什么对我来说最好的方式来实现在每一页上的变量DIV高度或“main_content”,同时保持背景颜色。我这样做的正确的方式还是我使用某种CSS破解的,是不是这样做的正确方法。所有Insight是值得欢迎的。一定要看看源HTML和CSS给我一个答案了。

有帮助吗?

解决方案

的最简单的解决办法是分配的背景颜色到您body元件。是这样的:

body {
 margin: 0;
 padding: 0;
 width:100%;
 height:100%;
 background-color:#cccccc;
}

这也将消除边缘周围几个像素的白色边框,如果要维持,取出marginpadding声明。

其他提示

我可能误会了你想要的,但试试这个:

替换为DIV#intro_container:

div#intro_container {
width:830px;
margin:auto;
overflow: hidden;
background-color:#333333;
}

和从DIV#消息框除去height属性。

我更喜欢这样做的:

在DIV '主内容' 的内容,添加

在您的情况下,它是

<div id="main_content">
    <div id="navigation">..</div>
    <div id="intro_container">..</div>
</div>

有凸轮被改写为

<div id="main_content">
    <div id="navigation">..</div>
    <div id="intro_container">..</div>
    <div style="clear:both"></div>
</div>

据我所知这是实现你在做什么的标准方法。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top