很难确定具有动态内容的div的高度

Question

这是我的代码：

df = pd.merge(df1,df2[['county_name']], how='left')

div滚动条具有绝对位置，divs“类别”具有相对位置和高度：fit-content，<div class="scroll"> <div class="category> <h1>Title</h1> <ul><li>...</li> <li>...</li> ...</ul> </div> <div class="category> <h1>Title</h1> <ul><li>...</li> <li>...</li> ...</ul> </div> <div class="category> <h1>Title</h1> <ul><li>...</li> <li>...</li> ...</ul> </div> 具有绝对位置和高度：fit-content。

<ul>的内容是动态的（我是从数据库中获得的）

当我加载页面时，<ul>的高度为= 0，因此所有div的“类别”都是重叠的。

这是CSS：

<ul>

有什么建议吗？谢谢 我希望我足够清楚

Answer 1

我解决了！我从.scroll ul中删除了“ position：absolute”，从.scroll li中删除了“ float：left”