html - 如何使高度为 100% 的 float div 始终保持 100%

Question

我有一个 100% 高度的左浮动和 100% 的右浮动。一切正常，直到我用文本填充一侧，另一侧才会停止。

我该如何解决这个问题？

Answer 1

在为两列插入父 div 后，您可以使用 css 表。例如:

您的 HTML:

<div id="parent">
    <div id="leftcolumn"></div>
    <div id="rightcolumn"></div>
</div>

你的 CSS:

#parent{display:table-row}
#leftcolumn{display:table-cell}
#rightcolumn{display:table-cell}