CSS中position定位和float浮动

一、position定位

1、position属性

（1）absolute：生成绝对定位的元素，相对于最近一级定位不是static的父元素来进行定位，“最近”是指在这个节点的所有祖先节点中，距离该节点的层次最近的祖先节点，以距离最近的祖先节点作为定位基准。

（2）relative：生成相对定位的元素，相对于其所在普通的文档流位置进行定位。

（3）static：默认值，没有定位，元素出现在正常的文档流中。

（4）fixed：和absolute一致，区别在于定位的基准不是祖先元素，而是浏览器窗口或者其他显示设备的窗口，相对于窗口进行定位，当出现滚动条时，不随着滚动而滚动。

二、float浮动

1、float：left\right\none, float属性的值设置为left或right，元素就会向其父元素的左侧或右侧靠紧，在默认情况下，盒子的宽度不再伸展，而是根据盒子里面的内容的宽度来决定。

可以用clear来清除浮动。

clear:left\right\both;