gpt4 book ai didi

javascript - 相对于另一个静态的 div 位置

转载 作者:行者123 更新时间:2023-11-28 07:50:03 25 4
gpt4 key购买 nike

我正在尝试制作一个全屏网站,它也是响应式的,但在较小的屏幕上,容器中的元素会溢出,使其不是 100%,它会根据其中的元素数量而有所不同。使用:

顶部:100%;
职位:相对;
宽度:100%;
高度:100%

工作,只有当屏幕是一定尺寸时,在使用它的移动设备上它才工作,并且在前一个容器上显示一半。有没有办法从元素的底部而不是顶部定位?

http://jsfiddle.net/q8tvwm2k/2/

更新:没关系,找到了一个非常糟糕但可行的解决方案。

最佳答案

我很确定您确实希望 position:absolute 有另一个相对于它的 div。你只是没有正确地表达问题。 position:relative 设置它的 child 可以是position:absolute 的点,也就是你要使用top 之类的地方。这是您需要看到的结构:

HTML

<div class='surround'>
<div class='inside'>
<div class='outer'>
<div class='inner'>
</div>
</div>
</div>
</div>

CSS

.surround{
position:relative;
}
.inside{
height:100px; width:100px; position:absolute; top:100px; left:100px;
}
.outer{
height:100px; width:100px; position:relative;
}
.inner{
position:absolute; top:30px; left:10px;
}

关于javascript - 相对于另一个静态的 div 位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30471276/

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