gpt4 book ai didi

html - 如何将包含其他元素的 div 的高度设置为绝对位置?

转载 作者:太空宇宙 更新时间:2023-11-04 05:28:04 25 4
gpt4 key购买 nike

如何给包含其他元素的div设置绝对位置的高度?

<html>
<head>
<style type="text/css">
.a{

}
.b{
position:relative;
}
.c{
position:absolute;
}
</style>
</head>

<body>

<div class="a">
<div class="b">
<div class="c">
ESTO ES LO QUE CONTIENE EL DIV<br/>
ESTO ES LO QUE CONTIENE EL DIV<br/>
ESTO ES LO QUE CONTIENE EL DIV<br/>
ESTO ES LO QUE CONTIENE EL DIV<br/>
</div>
</div>
</div>


</body>

</html>

div 类“a”的高度为零

最佳答案

绝对定位的元素不占用布局中的任何空间,这意味着 <div class='a'>不会展开以包裹它。

唯一可能做到这一点的方法是测量 .c 的高度通过javascript然后设置.a的高度明确 - 当然,缺点是需要 javascript 这样做。

取决于您尝试定位 .c 的位置您可能需要考虑改用 float ,它可以被包装。

关于html - 如何将包含其他元素的 div 的高度设置为绝对位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4325681/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com