CSS div定位帮助

我认为你走对了方向。如果你不关心盒子的分层/重叠,那么就使用 position: absolute 为了小盒子,还有 position: relative 为了那个大箱子。后者可能是你丢失的钥匙,因为这把小盒子固定在大盒子上。

我不建议像其他用户那样使用负边距。我的意思是 位置:绝对 就是使用属性精确地放置元素 right top , bottom , left . 如果只移动带有负边距的绝对位置元素,它仍将取决于它在文档顺序中的位置。

你的(大)盒子有没有固定的高度/宽度?

不管怎样,试着把你的小盒子设置为绝对值,但不要使用“left:20px;顶部:30px但“右边距:-50px;页边距顶端:-80px;“,也许是解决办法。。。

祝你好运!

使用z-index使底部div覆盖其他所有内容,并在需要时移除/隐藏它。这肯定是一个更好的css去与“位置:绝对;边距上限:-40px;左边距:20px;你也可以这样做margin:-40px 20px 10像素-3像素;如果需要的话。一般来说,我建议您避免绝对定位,或者以不需要这种方法的方式设计页面。