1

是否可以在 CSS 中将父母高度扩展到其孩子的高度？或者有什么技巧可以处理吗？还是只是 JavaScript？

<div class="parent">
    <div class="child child1"></div>
    <div class="child child2"></div>
    <div class="child child3"></div>
</div>

<div class="parent">
    <div class="child child1"></div>
    <div class="child child2"></div>
    <div class="child child3"></div>
</div>

附加信息，3 个子框相互放在一起，并且彼此下方有很多父 div 框，因此强制父 div 框的高度很重要。

CSS样式类似的东西，但不起作用。

parent  {
display: block;
overflow: hidden;
position: relative;
width: 100vw;
min-width: 100%;
min-height: 100%;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
border: none;
border: solid 6px green;}

.child {
display: block;
position: absolute;
width: 100%;
height: 100%;
min-height: 100px;
margin: 0px;
padding: 0px;
top: 0px;
bottom: 0px;
border: solid 2px red;}

.child1 {z-index: 100;}

.child2 {z-index: 200;}

.child3 {z-index: 300;}

提前致谢！法郎

4

0 回答 0