css中的子绝父相,不太明白为什么父亲要用相对 相对的好处是什么?

少说多做
浏览 15372回答 3
3回答

qff

绝对定位是相对于最近的已定位祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块。设置父元素相对定位,子元素绝对定位,那么子元素就是相对于这个父元素的位置来定位的。

火狼战队

如果父元素用的绝对,绝对定位脱离文档流,那么父元素的临近元素会与该父元素重叠。-------来自一个后端开发学习者的前端感悟。这里有我写的一段代码,你看下。 <style>         div {font-size: 15px;color: #fff;}         .test1{width: 400px;height: 400px;background: #234;position: relative;}         .test2 {width: 300px;height: 300px;background: #345;position: absolute;          left: 40px;top: 40px; }          .test{           width: 500px;height: 500px;background: #123;          }     </style> </head> <body>         <div class="test1">             test1             <div class="test2">test2</div>         </div>         <div class="test">          test         </div> </body>你可以试一试如果把父元素改成绝对定位会出现什么情况。。。

错过1332

相对定位是给父级的、、绝对定位的时候是给子级的、、正常做页面不要给定位后期修改不好改
打开App,查看更多内容
随时随地看视频慕课网APP