CSS中的position使用
static
默认值,元素正常显示在文档流中
relative
相对定位:display:relative,脱离文档流,相对于元素最开始的位置进行定位,元素原来所占用的位置仍然被保留
absolute
绝对定位:display:absolute,脱离文档流,如果其父元素没有进行定位,则会依据body进行定位(可依据子绝父相),元素原来所占用的位置不被保留,如果设置了绝对定位,元素会成为inline-block(行内块)
温馨提示
块级元素转换为行内元素:display:inline
行内元素转换为块级元素:display:block
行内元素,块级元素转换为行内块元素:dispaly:inline-block
fixed
固定定位:display:fixed,脱离文档流,元素原来所占用的位置不被保留,是相对于浏览器的窗口进行定位的