CSS中的Div高度问题

Question

<div id="parent">
    <div id="leftColumn"></div>
    <div id="rightColumn"></div>
</div>

1. 当'leftColumn'和'rightColumn'的高度小于 屏幕高度，'leftColumn'和'rightColumn'应该相同 高度为屏幕。
2. 如果'leftColumn'和'rightColumn'的高度超过 屏幕高度，'父'div应自动扩展。

有没有人知道如何解决这个问题？提前谢谢。

Answer 1

左右栏：

min-height:100%;

父：

min-height:100%;
height:auto;

那应该有用;）

Answer 2

即使父DIV环绕孩子，如果孩子是用CSS从正常流程中执行的，父母身高DIV也将是一个EM。 您可以通过更改父DIV的背景颜色来验证这一点，并提供子属性，例如 position：relative 或 float：left 将父DIV保持在正常流程中