当前位置： 首页 > 资讯

如何让两个子 div 在母 div 中重叠并居中？

发布日期： 2024-10-27 阅读量： 作者： 网络

如何让两个子 div 在母 div 中重叠并居中？

如何让 div 中的两个子 div 重叠并在母 div 中居中？

需要在两个子 div 中的一个后面叠放另一个，同时保持它们在母 div 中水平或垂直居中，而不会影响母 div 的外观或超出母 div 的边界。

css 实现

将母 div 定位为相对定位（position: relative）。
将子 div 定位为绝对定位（position: absolute）以将它们从正常流中移除。
使用 left, top, right, bottom 属性将子 div 居中。
设置子 div 的 margin 为 auto 以将其余白设置为其两侧的所有可用空间的平均值。

示例代码

<div class="box">
  <div class="inner1"></div>
  <div class="inner2"></div>
</div>

# css # 垂直居中 # 绝对定位 # 相对定位

上一篇: 帝国cms自动刷新什么意思

下一篇: Go 语言中匿名函数的最佳实践

4007654355
915688610@qq.com
深圳市南山区粤海街道高新区社区高新南七道011号高新工业村T3栋

APP开发

小程序开发

物联网开发

系统开发