Html 如果在一个容器中，如何平行增加两个div的高度

如何使用css使两个div高度相等。我想看到这两个分区并排出现

<div>How to make two div heights equal with css.How to make two div heights equal with css.</div>

如何使用css使两个div高度相等。如何使用css使两个div高度相等。

或

如何使用css使两个div高度相等。如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。

如果我理解正确，您希望它们并排出现，因为div实际上出现在彼此下面？如果是：

我想看到这两个分区并排出现

<div>How to make two div heights equal with css.How to make two div heights equal with css.</div>

如何使用css使两个div高度相等。如何使用css使两个div高度相等。
如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。
div{
背景：#F00；
浮动：左；
宽度：50%；
}

如果我理解正确，您希望它们并排出现，因为div实际上出现在彼此下面？如果是：

我想看到这两个分区并排出现

<div>How to make two div heights equal with css.How to make two div heights equal with css.</div>

如何使用css使两个div高度相等。如何使用css使两个div高度相等。
如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。
div{
背景：#F00；
浮动：左；
宽度：50%；
}

如果我理解正确，您希望它们并排出现，因为div实际上出现在彼此下面？如果是：

我想看到这两个分区并排出现

<div>How to make two div heights equal with css.How to make two div heights equal with css.</div>

如何使用css使两个div高度相等。如何使用css使两个div高度相等。
如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。
div{
背景：#F00；
浮动：左；
宽度：50%；
}

如果我理解正确，您希望它们并排出现，因为div实际上出现在彼此下面？如果是：

我想看到这两个分区并排出现

<div>How to make two div heights equal with css.How to make two div heights equal with css.</div>

如何使用css使两个div高度相等。如何使用css使两个div高度相等。
如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。如何使用css使两个div的高度相等。
div{
背景：#F00；
浮动：左；
宽度：50%；
}

假设只有两个div，您可以使用此css

div{display:inline-block;height:400px;width:48%;overflow-y:scroll;}

---

根据需要更改高度。您也可以将溢出设置为自动

假设只有两个div，您可以使用这个css

div{display:inline-block;height:400px;width:48%;overflow-y:scroll;}

---

根据需要更改高度。您也可以将溢出设置为自动

假设只有两个div，您可以使用这个css

div{display:inline-block;height:400px;width:48%;overflow-y:scroll;}

---

根据需要更改高度。您也可以将溢出设置为自动

假设只有两个div，您可以使用这个css

div{display:inline-block;height:400px;width:48%;overflow-y:scroll;}

---

根据需要更改高度。您也可以将溢出设置为自动

并排显示div的方法有很多，您可以将

浮动

与

静态宽度和高度

一起使用，也可以将

显示内联块

与

百分比宽度和静态高度

一起使用

但是，如果不明确给出高度，则没有任何一个分区会在两个div上提供相等的高度。如果你有静态高度，那就没什么帮助了，因为如果你的文本需要变长，而高度不能容纳文本的数量，那该怎么办呢

一种简单的方法是使用

表格
行
和
单元格
，如下所示：
并排显示div的方法有很多，您可以将
浮动
与
静态宽度和高度
一起使用，也可以将
显示内联块
与
百分比宽度和静态高度
一起使用

但是，如果不明确给出高度，则没有任何一个分区会在两个div上提供相等的高度。如果你有静态高度，那就没什么帮助了，因为如果你的文本需要变长，而高度不能容纳文本的数量，那该怎么办呢

一种简单的方法是使用
表格
行
和
单元格
，如下所示：
并排显示div的方法有很多，您可以将
浮动
与
静态宽度和高度
一起使用，也可以将
显示内联块
与
百分比宽度和静态高度
一起使用

但是，如果不明确给出高度，则没有任何一个分区会在两个div上提供相等的高度。如果你有静态高度，那就没什么帮助了，因为如果你的文本需要变长，而高度不能容纳文本的数量，那该怎么办呢

一种简单的方法是使用
表格
行
和
单元格
，如下所示：
并排显示div的方法有很多，您可以将
浮动
与
静态宽度和高度
一起使用，也可以将
显示内联块
与
百分比宽度和静态高度
一起使用

但是，如果不明确给出高度，则没有任何一个分区会在两个div上提供相等的高度。如果你有静态高度，那就没什么帮助了，因为如果你的文本需要变长，而高度不能容纳文本的数量，那该怎么办呢

一种简单的方法是使用
表格
行
和
单元格
，如下所示：
假设您有并排的div，您可以轻松使用：

display:flex

您的HTML是：

<div class="row">
  <div class="col">How to make two div heights equal with css.How to make two div heights equal with css.</div>

  <div class="col">How to make two div heights equal with css.How to make two div heights equal with css.How to make two div heights equal with css.How to make two div heights equal with css.How to make two div heights equal with css.</div>
</div>

查看小提琴：
假设您有并排的div，您可以轻松使用：

display:flex

您的HTML是：

<div class="row">
  <div class="col">How to make two div heights equal with css.How to make two div heights equal with css.</div>

  <div class="col">How to make two div heights equal with css.How to make two div heights equal with css.How to make two div heights equal with css.How to make two div heights equal with css.How to make two div heights equal with css.</div>
</div>

看小提琴：
假设您的div与si并列