麻烦江市与CSS

-1

如果查看HTML和CSS源，你可以看到，我已经设置了div的高度在中间100％，并给它一个隐藏的溢出属性值，它被称为“main_content”。我意识到高度值对显示内容没有影响，隐藏的溢出值允许main_content div的背景颜色向下扩展到页脚。我想我想知道什么是最好的方式来实现每个页面上的变量div高度或“main_content”，同时保持背景颜色。我是以正确的方式来做这件事，还是我正在使用某种css hack，而这种做法并不是正确的做法。所有见解都值得欢迎。请确保在给我一个答案之前查看源代码HTML和CSS。

来源

2010-02-07 Dan

最简单的解决方案是将背景色分配给您的body元素。事情是这样的：

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

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

来源

2010-02-07 18:18:30

好的，但如果我这样做，那么灰色也会填充页脚下方的浏览器窗口中的任何未使用的空间，我想这只是与领土相符，我将不得不将填充设置为100px该消息框的顶部和底部？ – Dan 2010-02-07 18:26:53

@丹 - 像这样的东西可能是一个更好的解决方案：http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page这是一个很好的教程，让你的页脚留在页面底部。我更喜欢页脚停留在那里，但如果你想填充或固定到底部，则由你决定。 – 2010-02-07 19:15:02

我可能误会了你想要的，但试试这个：

替换DIV＃intro_container：

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

并从DIV＃MessageBox的height属性。

来源

2010-02-07 19:09:09 akiller

嗯，没有做任何事情 – Dan 2010-02-07 19:11:05

它看起来像这样对我来说，这是想要你想吗？ http://img521.imageshack.us/img521/3203/danb.png – akiller 2010-02-07 19:20:00

我更喜欢这样做：

在格的主要内容“的内容，添加

在你的情况下，它是

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

AFAIK这是一个实现你在做什么的标准方法。

来源

2010-02-07 19:54:18

麻烦江市与CSS

回答

相关问题