强迫元素下降

Question

我有两个元素需要坐在彼此下方，但我无法正确设置样式

目前

图片：

这是橙色框

上 position: absolute; 的图片

这是完美但不正确的100％。 下一张图片将显示最终结果的外观

这是最终结果的样子：

Answer 1

  

将橙色框放入具有相对属性的框中。

.outer-box{position:relatve}
.gray-box{position:absolute;}
.orange-box{position:absolute;}

  

这样你的绝对位置的盒子永远不会相互重叠。它会帮助你。