CSS 如何重叠元素? 下面本篇文章给大家介绍一下 CSS 元素的重叠方式. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
CSS 元素的重叠方式
1, 负 margin
给元素设置负 margin 使其移动后 原来的位置是不会保留的
负 margin 可以让元素的占用空间变小 后面的元素可以覆盖当前的元素
(这里有两个相同大小的 div 宽高都是 100px (如图一) 当我们给上面类名为 div 的 div 设置了 - margin-bottom 之后 (见图二) 我们发现下面的元素覆盖了 - margin 的位置)
图一:
2, 浮动
原来的位置不保留 并且可以遮盖住其他元素
脱离页面流
3, 定位
相对定位: 原来位置保留 并且不会挤到其他元素, 只会重叠
绝对定位: 不保留原来位置 脱离页面流
更多 web 开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/17303.html