CSS中定位的学习

一、定位属性
1、相对定位
相对定位是相对于它本该出现的原始位置而移动的，元素仍然保持其未定位前的形状，它原本所占的空间仍保留，移动的结果可能会覆盖其他框。
通过left、top设置移动的距离
left:10px;
top:20px;
2、绝对定位
绝对定位的元素脱离了文档流（相对定位的元素没有脱离文档流），绝对定位是相对于最近的已定位的包含该元素的块定位的，绝对定位使元素的位置与文档流无关，因此不占据空间。
3、固定定位
该定位方式常用于创建在滚动屏幕时仍固定在相同位置的元素。
二、float属性
float属性可以使元素脱离正常的文档流，浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。