CSS中的重叠元素

前端之家收集整理的这篇文章主要介绍了CSS中的重叠元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何使两个元素在CSS中重叠,例如
<div>Content 1</div>
<div>Content 2</div>

我想要两个内容(它们可以是任何东西)重叠,所以内容2从内容1的左上角开始显示,并且它们显示为重叠。内容1应从文档的正常流程开始,而不是在屏幕上的某个固定位置。

这可能吗?

谢谢,

AJ

解决方法

最简单的方法是在两个元素上使用position:absolute。您可以绝对相对于页面定位,也可以通过将容器div设置为position:relative来绝对定位相对于容器div
<div id="container" style="position:relative;">
    <div id="div1" style="position:absolute; top:0; left:0;"></div>
    <div id="div2" style="position:absolute; top:0; left:0;"></div>
</div>
原文链接:https://www.f2er.com/css/218137.html

猜你在找的CSS相关文章