一个父元素下面有多个子元素,不要在父元素上加relative,在某个需要absolute的元素上增加一个空父元素。
代码
div{position: relative;z-index: 2;}
div p{position: absolute;margin-top: -0.5rem;}
本文介绍了一种在CSS布局中使用相对定位和绝对定位的技巧。通过不在顶层父元素上使用relative定位,而是在需要绝对定位的元素外包裹一层额外的父元素并设置其为relative,可以更灵活地进行页面布局。
一个父元素下面有多个子元素,不要在父元素上加relative,在某个需要absolute的元素上增加一个空父元素。
代码
div{position: relative;z-index: 2;}
div p{position: absolute;margin-top: -0.5rem;}

被折叠的 条评论
为什么被折叠?