CSS定位布局

CSS position 属性控制元素的定位方式，是网页布局的核心属性之一。不同的定位类型决定了元素相对于什么参照物进行定位。

static：默认值，元素按照正常文档流排列，不受 top/right/bottom/left 影响。

relative：相对定位，相对于元素自身在文档流中的原始位置偏移，不影响其他元素布局。

absolute：绝对定位，脱离文档流，相对于最近的非 static 祖先元素定位。若无则相对于 body。

fixed：固定定位，脱离文档流，相对于浏览器视口定位，滚动页面时位置不变。

sticky：粘性定位，在正常文档流中到达指定位置前表现为 relative，到达后变为 fixed。