2012-01-19 93 views
5

我有一个父div内的两个div(见下图)。当“黑色”div高度增长时,外部“红色”div也增加,但我想让“绿色”div增长。这怎么可以在CSS中完成?当外部div增长时,让内部div在高度增长

enter image description here

+0

喜欢100%身高吗? –

+0

你试过'身高:100%'吗?或者,它是不是随着黑色“div”的增长而移动? – Biotox

+0

搜索CSS多列布局,无论是在这里还是在Google上,您都会对这个完全相同的事情提出很多问题。 – Ktash

回答

4

您可以使用CSS属性table, table-row, and table-cell。您可能需要检查浏览器是否支持您的定位。 http://www.quirksmode.org/css/display.html#table

例如:http://jsfiddle.net/2GawC/

+0

D:但这不必要,表格布局非常糟糕! –

+0

我想不出另一种方式来做到这一点? 100%div只适合内容,不能用兄弟姐妹扩展:-S –

+2

他正在讨论如何将表格布局样式应用于CSS中的div,而不是使用HTML中的基于表格的布局。没有什么可怕的,这是一个完全合法的解决方案。 –

0

使用height:100%它可能不工作,因为父DIV有static(默认值)position属性。向父母申请position:relative,它应该工作。 :)

+0

没有帮助.... –