关于绝对定位

请问老师，兄弟元素之间也可以互为参照是吧？不一定非得是父元素或是祖先元素才能成为relative?

源自：CSS定位（position） 2-10 编程练习

收起

1回答

好帮手慕码回答被采纳获得+3积分 2019-06-11 16:23:45

同学你好！

单纯用CSS是不可能的，这涉及到CSS的设计初衷。所谓定位它必有一个参照物，如果按你说的相对兄弟元素定位，那么就有个前提，兄弟元素是已知的、确定的，但很多时候，比如文章的段落，可多可少，你根本确定不了，你像根据某个兄弟元素定位，但如果兄弟多了或少了呢，所以这种定位方式不现实。

还是建议使用以父级元素参照来定位

如果帮助到了你欢迎采纳祝学习愉快~

慕大斯提问者 #1

老师您看一下，这个是不是就是一以兄弟元素做参考进行定位的？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*完善下列代码*/ *{margin:0;padding:0;} .per{ width: 300px; height: 300px; background: red; position:relative; } .son{ width: 100px; height: 100px; background: blue; position:absolute; /*top:150px; margin-top:-50px;*/ top:300px; } </style> </head> <body> <div class="per"></div> <div class="son"></div> </body> </html>

2019-06-11 16:52:12
慕大斯提问者 #2

老师我刚回您的代码也不是兄弟元素做参考，我刚才又试了一下，是以body做参考的，也就是说兄弟元素之间是不能实现互为参考元素的是吧？

2019-06-11 17:01:28
好帮手慕码回复提问者慕大斯 #3

是可以这么理解的，一般来说定位布局很多是父相子绝（父级相对定位，子级绝对定位）祝学习愉快~

2019-06-11 17:02:43