CSS position属性和实例应用


说一下CSS中的position属性。

首先,CSS的布局中有两个基础的概念:文档流盒模型

CSS的position属性分四种类型:

  • static

表示没有设置浮动,布局按照文档流的规则;

  • relative

相对浮动。相对自身在当前文档流中所处的位置偏移浮动。仍然在文档流中占据位置。

  • absolute

绝对浮动。相对包含其的父级框偏移浮动,不在文档流中占据位置。

  • fixed

实现绝对浮动的效果,只是是相对当前浏览器窗口偏移浮动。


世界不可能那么远