css中的position使用

CSS中的position使用

static

默认值，元素正常显示在文档流中

relative

相对定位：display：relative，脱离文档流，相对于元素最开始的位置进行定位，元素原来所占用的位置仍然被保留

absolute

绝对定位：display：absolute，脱离文档流，如果其父元素没有进行定位，则会依据body进行定位（可依据子绝父相），元素原来所占用的位置不被保留，如果设置了绝对定位，元素会成为inline-block（行内块）

温馨提示

块级元素转换为行内元素：display：inline
行内元素转换为块级元素：display：block
行内元素，块级元素转换为行内块元素：dispaly：inline-block

fixed

固定定位：display：fixed，脱离文档流，元素原来所占用的位置不被保留，是相对于浏览器的窗口进行定位的