Css 将容器放置在<；ul>；，与第一个具有相同的高度<；李>；列表中的元素

我有这个结构

<div>item 0</div>
<ul>
    <li>item 1 <br> some <br> text</li>
    <li>item 2 <br> text </li>
    <li>item 3</li>
</ul>

项目0

项目1
一些
文本
项目2
文本
项目3

我需要将

和

-s放置在彼此相邻的位置（宽度：50%），这很容易。但是div的高度必须与

中的第一个高度相同高度未知

我正在寻找表单css唯一的解决方案。不允许使用JS。

---

Flexbox是受欢迎的，一些额外的html标记，但ul需要保持ul。

您可以使用CSS网格和使用。此功能尚未得到所有浏览器的支持，但很快就会出现：

下面是在chrome和firefox上测试的代码

.container{
显示：网格；
网格模板柱：1fr 1fr；
}
.container>div{
框大小：边框框；
边框：1px实心；
}
保险商实验室{
显示：内容；
保证金：0；
填充：0；
}
ulli{
显示：内容；
}
/*创建一个隐藏元素来填充第一列，并将li的内容保留在第二列中*/
ul li：之后{
内容：“；
}

项目0

第1项Lorem ipsum dolor sit amet，奉献精英。埃尼安·维塔伊是我们在比本杜姆的天鹅绒。但是，我们的目标是最终的目标，即没有目标的菱形目标
一些
文本
项目2
文本
项目3
项目4
文本
项目5
项目6
正文
项目8

简短的回答是：CSS无法做到这一点，不能匹配不共享同一容器的元素的高度。现在，您可以找到一些解决方法或技巧来匹配哪个

li

元素？它不能全部匹配，请准确。@skobaljic，正如我写的“与第一个

相同的高度”