css定位 position

1、推荐学习的视频：https://www.imooc.com/learn/931
2、知识点总结：
1）html常用3种布局方式
a)标准流：网页默认布局方式（即顺序布局），html元素分2种：块元素，独占一行（div、h1-h6、ol、ul、li、table、p），内联元素，和相邻内联元素占同一行（a、span、img、input）
b)浮动（float）：
c)定位（position）：有5个可选值：static(默认值)、relative、absolute、fixed、inherit，配合top、right，bottom、left可以调整元素位置
2）几个注意点：
a)relative和absolute区别；
b)absolute如果只是设置position:absolute，不设置trbl，则absolute不起作用；
c)absolute的父元素没设置position属性，则absolute根据浏览器窗口左上角定位，如果父元素有设置position属性，则根据父元素左上角定位。一般父元素设置position为relative，子元素设置position为absolute，配合使用；
d)fixed定位相对于浏览器窗口定位，位置一直保持，不会跟随浏览器滚动条滑动而移动
e)absolute和fixed脱离文档流