javascript - div高度帮助，子元素位置绝对

Question

如何在不将 divParents 高度设置为 xxx px 的情况下使 div 具有 100% 的高度，其中的控件具有绝对位置？我试图将 divParent 中的所有内容包装在另一个 div 中，但我得到了相同的结果。

例子。

    <div style="border: solid 1px black; position: relative;" id="divParent">

    <span style="position: absolute; top: 177px; left: 41px">Name</span>
    <input type="text" style="position: absolute; top: 253px; left: 36px; height: 18px;
    width: 342px;" />
    <span style="position: absolute; top: 229px; left: 38px">Address</span>
    <input type="text" style="position: absolute; top: 199px; left: 39px; height: 18px;
    width: 342px;"/>

    </div>

Answer 1

绝对定位的元素不再是布局的一部分。 parent 不知道他们有多大，或者在哪里，所以它不能自动调整自己的大小来适应他们。

您可以编写自己的 JavaScript 来计算所有这些，但仅靠 CSS 无法完成您想要的。