如何在HTML中具有两个相同高度的列？ [英] How to have two columns that are the same height in HTML?

问题描述

我写了下面的HTML：

I've written the following HTML:

<div id='wrapper'>
    <div style='background-color:Red; float:left; width:50%'></div>
    <div style='background-color:Green; width:50%'></div>                  
</div>

这给了我一个红色的列和一个绿色的列。我添加文本时，这两列将向下扩展。然而，我真正想要的是两列的高度完全相同，无论每列中的文本多少或多少。

This gives me a red column and a green column. The two columns will extend down the page as I add text. However, what I really would like is for both columns to be the exact same height regardless of how much or how little text is in each column.

我该如何做到这一点？

推荐答案

有详细的选项这里。

这篇关于如何在HTML中具有两个相同高度的列？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！