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的值越大,块元素就在上方。