排版定位

Posted 2021-01-08 gdqx

                                                         position (位置）

　　只要使用定位，必须要有一个相对的参照物（position：relative）

　　具体定位的那个元素需要加(position：absolute）

　　使用绝对定位的时候，浏览器会逐层向上级元素找position属性，如父级没有就会继续向上级查找position，一直找到position为止，如果找不到就以body为相对位置。

　　　　备注　

　　　　（页面布局：

　　　　　　　　结构层：搭我们的页面框架

　　　　　　　　布局层：针对框架内部结构进行排版，不需要使用浮动解决的问题尽量不用）

　　position：relative      如果设置值了，相对原来的位置进行调整。

   absolute和relative的区别

　　　　1、absolute会脱离标准文档流，relative不会，relative虽然给值了但是依然占有原来的位置。

　　　　2、relative存在“形影分离”所有一般情况下不建议添加值了，一般给子元素当参照位置或者是元素的微调。

　　　　3、absolute会有一种现象“压盖效果”。

　　注：z-index 层次关系可以改变元素的层叠位置，所有的标签默认是0，z-index的值越大，块元素就在上方。