Div不会填充父容器的大小

Question

我遇到一个问题，我正在建立一个主要内容部分和右侧的“更新”栏的网站。链接在这里。 http://bebiafricanhairbraiding.com/

您应该能够从网站本身获取代码，但如果您需要代码，我可以在此处发布。 谢谢。

Answer 1

div是高度相同还是背景长度相同真的很重要吗？我猜后者。不要试图让div成为相同的高度（这将不起作用），而是创建两个定位的div并在其父级上设置背景。底部的圆角应在单独的页脚元素中完成。

所以这样：

+-----+-----+
| a   | b   |
|     +-----+
|     |
+-----------+
| c         |
+-----------+

a是您的内容列，b是您的侧边栏。两者都（一起）包含在具有背景的父div中。 c是带圆角的页脚。

另见http://www.alistapart.com/articles/fauxcolumns/。

我还建议使用像http://twitter.github.com/bootstrap/这样的css框架。这样可以更容易制作网格，漂亮的排版等。

Answer 2

#content有高度：100％和   #update的高度为：250px

设置更新高度

#updates {height:100%}