<分区>
有什么办法可以让 div 比它的父级大吗?我知道它的坏习惯。 基本上我有一个很小的 div,我需要在里面创建一个 div,它将穿过整个窗口。但无法找到如何去做的方法。 感谢您的帮助。
标签 javascript html css
<分区>
有什么办法可以让 div 比它的父级大吗?我知道它的坏习惯。 基本上我有一个很小的 div,我需要在里面创建一个 div,它将穿过整个窗口。但无法找到如何去做的方法。 感谢您的帮助。
最佳答案
您需要使用指定尺寸的 position
规则从正常流中“弹出”该元素。例如。 位置:固定;
.outer {
width: 10vw;
height: 10vh;
position: relative;
background: rgba(130, 130, 255, .3);
border: 1px solid red;
}
.inner {
width: 90vw;
height: 90vh;
position: absolute;
left: 5px;
top: 5px;
background: rgba(130, 255, 130, .3);
border: 1px solid green;
}
<div class="outer">
<div class="inner"></div>
</div>
备选
具有指定尺寸的溢出:可见
.outer {
width: 10vw;
height: 10vh;
position: relative;
background: rgba(130, 130, 255, .3);
border: 1px solid red;
overflow: visible;
display: inline-block;
vertical-align: top;
}
.inner {
width: 90vw;
height: 90vh;
margin: 5px;
margin: 5px;
background: rgba(130, 255, 130, .3);
border: 1px solid green;
}
<div class="outer">
<div class="inner"></div>
</div>
关于javascript - 使 div 大于其父级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71031978/