前端之家收集整理的这篇文章主要介绍了
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