Question

好的，这是网站：

将此翻译成中文：http://danberinger.com/ http://danberinger.com/

如果您查看HTML和CSS的代码，就会发现我已将div的高度设置为中间的100％，并为其设置了overflow属性的值为hidden，它被称为“main_content”。我意识到高度值对显示没有影响，hidden的溢出值使main_content div的背景色延伸到页脚。我想知道在保持背景颜色的同时实现每个页面或“main_content”的可变div高度的最佳方法是什么。我是以正确的方式进行操作还是使用了某种不正确的CSS hack。我欢迎所有见解。还请在回答之前查看源HTML和CSS。

Answer 1

最简单的解决方法是将背景色分配给你的body<代码>元素。就像这样：



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


如果您想保留少量像素的白色边框，请移除margin和padding声明。这样也会消除边缘周围的白色边框。

Answer 2

我可能误解了你想要的东西，但是请试试这个：

用以下内容替换div＃intro_container：

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

并从div＃messagebox中删除height属性。

Answer 3

我更喜欢这样做：

在 div main-content 的内容中，添加

在你的情况下，它是这样的。

<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>

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

友情链接