html5中三大定位原理和使用

在html5中定位是用于网页的布局，属性为position。其分为相对定位、绝对定位和固定定位。

1相对定位：相对定位:position: relative;-参考自己默认的原位置进行定位-不释放原有空间位置---没有脱标（脱离标准流布局）。

2 绝对定位：position: absolute---- 参考body标签的左上角原点位置进行定位---释放原有空间位置---脱标（脱离标准流布局）。

3 父相子绝----父元素为相对定位，子元素为绝对定位。

4 固定定位：position: fixed;----参考浏览器窗口的左上角原点位置进行定位---释放原有空间位置---脱标（脱离标准流布局）。

所以在html中普遍使用方式为子绝父相，即子元素绝对定位，父元素相对定位。固定定位是需求时采用。