大家好，欢迎来到IT知识分享网。
position:relative 相对定位详解
相对定位是元素在移动位置的时候，是相对于它原来的位置来说的。
相对定位的特点：
- 它是相对于自己原来的位置来移动的(
移动位置的时候参考点是自己原来的位置) - 原来在标准流的位置继续占有，后面的盒子仍然以标准流的方对待它(
不脱标，继续保留原来的位置)。因此相对定位并没有脱标，它最典型的应用是给绝对定位当爹的。
position:absolute 绝对定位详解
绝对定位是元素在移动位置的时候，是相对于它的祖先元素来说的（拼爹型）。
绝对定位的特点：
- 如果没有祖先元素或者祖先元素没有定位，则以浏览器为准进行定位(Document文档)
- 如果祖先元素有定位(相对，绝对，固定定位)，则以最近一级的有定位祖先元素为参考点移动位置。
- 绝对定位不再占有原有的位置(脱标)。
下面讲解子绝父相的由来和具体使用：
子绝父相的意思是指：子级是绝对定位的话，父级要用相对定位。
- 子级绝对定位，不会占有位置，可以放到父盒子里面的任何一个位置，不会影响其他的兄弟盒子。
- 父盒子需要加定位限制子盒子在父盒子内显示。
- 父盒子布局时，需要占有位置，因此父亲只能是相对定位。
总结：因为父级需要占有位置，因此是相对定位，子盒子不需要占有定位，则是绝对定位。
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/26663.html
