Css 如何设置相同的div高度

这就是我的处境

HTML

这看起来

所以我的问题是：我必须如何将我的样式设置为item2与item1具有相同的高度

任何帮助都将不胜感激。

您可以为此使用display:table cell属性。并删除float：左写如下：

#item1, #item2
{
    display:table-cell;
}

#item2 > div {
    padding-bottom:200px;
}

检查这个

请注意，在IE8及以上版本之前，这是一项工作。

您可以为此使用display:table cell属性。并删除float：左写如下：

#item1, #item2
{
    display:table-cell;
}

#item2 > div {
    padding-bottom:200px;
}

检查这个

---

请注意，在IE8及以上版本之前都是有效的。

在第1项中，您使用3个div，每个div带有填充：10px；在第2项中，只有1个div，你可以做2件事1在第2项中添加3个div和选项2。将高度应用于项目2和项目2的子空

在项目1中，您使用的是3个div，每个div带有填充：10px；在第2项中，只有1个div，你可以做2件事1在第2项中添加3个div和选项2。在第2项和第2项子项上应用高度为空

只需添加两个JavaScript字符串

---

适用于所有浏览器

只需添加两个JavaScript字符串

---

适用于所有浏览器

您可以尝试以下操作：

#item1, #item2
{
    display:table-cell;
}

#item2 > div {
    padding-bottom:200px;
}

这是一把小提琴：

---

您可以尝试以下方法：

#item1, #item2
{
    display:table-cell;
}

#item2 > div {
    padding-bottom:200px;
}

这是一把小提琴：

从css中删除item2 `

`从css中删除item2 `

---

`

可以在此链接上找到答案：您可以在此堆栈上找到答案：可以在此链接上找到答案：您可以在此堆栈上找到答案：