CSS布局模型之层模型(位置的相对的,绝对与固定区别?)


,css的布局模型分为流动模型(流),浮动模型(浮动),层模型(层)。


,


),而不论该元素本身是什么类型。

,相对相对定位,以自己当前处于文档流的位置为基准设置偏移量,所以自身在文档流会保持占有固定的物理空间,并且物理空间的位置只受文档流的影响,而不受自身设置偏移量(上左/这些)影响,注意自身设置了保证金这类非定位属性也一样改变其在文档流的物理位置。

,绝绝对对定位,是相对于设置了位置为相对或绝对者最近的父级元素定位(身体,html标签也需要定位属性才能作为定位父级),如果没有就是基于视窗定位,不占文档流的物理空间。

,固定的固定定位,是相对于浏览器视窗的,不占文档流的物理空间。


CSS布局模型之层模型(位置的相对的,绝对与固定区别?)