Html 设置与其他div相同的div高度

如何将

div

的高度设置为与另一个

div

的高度相同（仅使用带文本的CSS）

例如，我有一个div，它的

max width

是10px，它包含文本

• CSS是最著名的网页设计语言之一

另一个div的

最大宽度也为10px

<div style="max-width:10px">CSS is one of the most famous Programming Language to design webpages</div>
<div style="max-width:10px"></div>

CSS是最著名的网页设计语言之一

我想要的是将第二个div的高度设置为第一个div相对于内容的高度。如果div有更多或更少的文本，则可以通过它进行调整

我的小提琴：


注意：我不能使用jquery或javascript实现此目的，因为我很难将其添加到聚合物中，因为它使用阴影dom。**
只有在可以添加包装器并使用
显示：表的情况下，才能使用css实现此目的：

注意：我调整了最大宽度，并在空div中添加了一个蓝色背景以显示示例

HTML

因为CSS是无状态的，所以你不能按照你解释的方式去做，你不能知道任何你以前没有定义过的东西。
我建议您使用包装器和表格显示

HTML

既然你说你可以作为第一个
div的孩子制作第二个
div
：

演示：

HTML:

@Daniel Pinzon你有我的问题的答案吗正在研究这个。。。。OP
divs
放在一边或一个在另一个下面？那么，仅使用CSS@DanielPinzon我知道这可以通过使用javascript或jquery来实现，但我不可能使用它，因为它不能提供准确的结果，而且我必须进行许多更改才能将其添加到shadow dom中。css中有什么可以做到这一点吗？如果你想避免包装，并且可以调整你的设计，使第二个div成为第一个div的子div，那么css是唯一的方法。我也在使用
表格单元格
，但是正如你在评论中看到的，OP不想要div，我想要div一个在另一个下面谢谢你的回答
<div class="table">
    <div style="max-width:100px">CSS is one of the most famous Programming Language to design webpages</div>
    <div style="max-width:100px" id="two"></div>
</div>

.table {
        display: table;        
}
.table div {
        display: table-cell;
}

<div id="wrapper">
<div id="div1" style="max-width:10px">CSS is one of the most famous Programming Language to design webpages</div>
<div id="div2" style="max-width:10px"></div>
</div>

#wrapper
{
    display: table;
}
#div1
{
    border: 1px solid blue;
    display: table-cell;
}

#div2
{
    border: 1px solid yellow;
    display: table-cell;
}

<div class="parent">
    CSS is one of the most famous Programming Languages to design webpages
    <div></div>
</div>

div.parent {
    position: relative;
    max-width: 10px;
}
div.parent > div {
    max-width: 10px;
    position: absolute;
    top: 100%;
    left: 0;
    height: 100%;
    border: 1px solid #0ff; /* for demo purposes */
}