html - 如何为元素添加特定属性并保持组的原始设计？

我很难在<div>元素中添加位置，边距等属性，这是另一个我想保留的样式的<div>的一部分。

这是网页截图的链接

我对这个灰色透明区域有疑问，它的格式设置为可调整高度，取决于其中的元素，并且当我在CSS中添加另一个div（“ customProperties”）的位置时，原始CSS不适用（在屏幕截图中，您可以请参阅上方的元素，并忽略灰色区域的底线）。

这是代码：

<div id="wrap">
    (...)
    <div id="customProperties">
        <ul>el1</ul>
        <ul>el2</ul>
    </div>
</div>

很抱歉，如果有类似问题，但我找不到解决方法...

最佳答案

您已将position:absolute应用于#customProperties，这会使元素脱离正常流程。因此，它的父母大小不会自动增长。

边注：

<ul>el1</ul>
<ul>el2</ul>

在语义上不正确，应该是

<ul>
  <li>el1</li>
</ul>
<ul>
  <li>el2</li>
</ul>

关于html - 如何为元素添加特定属性并保持组的原始设计？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23882615/