html - 如何在 HTML 中拥有相同高度的两列?

标签 html css

我编写了以下 HTML:

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

这给了我一个红色的列和一个绿色的列。当我添加文本时,这两列将向下延伸页面。但是,我真正想要的是两列的高度完全相同,而不管每列中的文本有多少。

我该怎么做?

最佳答案

有详细的实体选项here .

关于html - 如何在 HTML 中拥有相同高度的两列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5423581/

相关文章:

javascript - 下载属性在 Chrome 上不起作用

html - 从包中加载 UIWebView 中的不同 HTML

html - 当表中没有数据时删除边框间距

html - 如何使用 css 淡出/模糊 div 的边框?

css - 使用 CSS 的垂直文本

对话框中的 jQuery 选项卡小部件 : display error

javascript - 合法更改变量名称后,显示 JS 函数的单选按钮值不起作用

html - 并排放置 2 个盒子 [div's]

html - Angular 4 - 顶部导航栏没有锁定在顶部

css - 在 li 中具有当前图像的悬停时更改 li 元素的背景