jquery - 让两个div具有相同的高度

标签 jquery html css css-float height

<分区>

我有两个这样的 div:

<div id="div1">ABC</div>
<div id="div2">ABC DEF GHI JKL MNO</div>

#div1 {
    width: 50px;
    background-color: red;
    float: left;
}

#div2 {
    width: 50px;
    background-color: green;
    float: left;
}

我想让 div1 的高度与 div2 的高度相同。

我该怎么办?谢谢!

JSFIDDLE

最佳答案

Demo

最简单的解决方案是将两个 div 包装在一个 div 中并使其显示为 flex;

html

<div class="wrapper">
    <div id="div1">ABC</div>
    <div id="div2">ABC DEF GHI JKL MNO</div>
</div>

CSS

.wrapper {
    display: flex;
}

关于jquery - 让两个div具有相同的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25145686/

上一篇:html - 将包含大小相对于页面宽度的图像的 div 居中

下一篇:javascript - 如何阻止/允许访问 document.styleSheets 信息,这是什么原因

相关文章:

html - css子菜单奇怪的位置

javascript - 有什么好的建议可以提醒/提醒用户在网页上编辑字段后保存吗?

jQuery 同位素搜索过滤器

javascript - trim anchor 标记内的空间

jquery - 在 AngularJS 指令中选择元素的子元素

javascript - 将带有类(及其底层元素)的现有 div 元素添加到 div

javascript - 尝试使用 HTML5 和 ajax 上传文件

html - 在不同屏幕(台式机、笔记本电脑、移动设备)上调整绝对面板和其中的文本的大小

html - Sidebar、Navigation 和Content 怎么做呢?

css - 用css制作复杂的盒子