前端常用到的那些CSS之定位和浮动

1.定位position

（1）fixed：（固定定位）相对浏览器窗口的定位，不随窗口的滚动而改变

（2）relative：（相对定位）相对元素本身的正常位置，经常作为绝对定位元素的容器块

（3）absolute：（绝对定位）相对最近的已定位的父元素，如果没有已定位的父元素，则相对html进行定位，不占文档位置

2.浮动float 

（1）浮动元素还会占用文档位置

（2）只会影响浮动元素之后的元素，对前面的元素无影响

（3）浮动元素的移动，直到碰到别的元素边框或者其他浮动元素的边框为止

（4）清除浮动：clear:both，指该元素两侧不能出现浮动元素