定位的方式有:
1.position: static;
默认值,意为不定位,不影响周边及原盒子;
2.position: relative;
相对定位,相对自身做位置偏移;
- 会保留原本盒子位置,不会脱离文档流;
- 相对定位会提升元素的层级;
- 不会改变元素的性质,行内还是行内,块级还是块级
3.position: absolute;
绝对定位,相对body或带有相对定位的盒子作位置偏移,会脱离文档流,不会保留原有盒子位置;会改变元素的性质,行内变块级。
4.position: fixed;
固定定位,会影响默认宽度(在没有设宽度的情况下),它一定是相对浏览器body进行位置偏移的;会改变元素的性质,行内变块级。