层模型的三种形式:绝对定位,相对定位,固定定位
一、绝对定位:(position:absolute)
绝对定位就是将元素从文档中拖出来,然后使用left,right,bottom,top属性相对于其最接近的一个具有定位属性的父包含块进行定位,若不存在包含块,就像对于body元素定位,也就是浏览器窗口。
二、相对定位:(position:relative)
通过left,right,bottom,top属性来确定元素在正常文档流中的偏移位置,偏移后以前的位置保持不变
三、固定定位:(position:fixed)
相对于浏览器窗口定位,本身是固定的,不会受文档流动的影响。
时间: 2024-11-05 17:26:23