如何使div的高度为100%,其中的控件位置绝对而不将divParents高度设置为xxx px?我试图将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>
答案 0 :(得分:2)
绝对定位的项目不再是布局的一部分。父母不知道它们有多大,或者它们在哪里,所以它不能自动重新调整大小以容纳它们。
您可以编写自己的JavaScript来计算所有这些,但仅靠CSS无法做到您想要的。
答案 1 :(得分:0)
我真的不明白你想做什么,但看起来你输出某种html形式。无论如何,你也可以只在你的母亲div中使用margin-top
和margin-left
以及float-left
(你可以根据自己的意愿定位,相对或绝对)...