css中clear属性both、left、right的用法

虽然经常在用clear，但是今天突然仔细一琢磨发现并没有那么简单。经过自己查找方法和无数次的实验，终于弄明白了几个属性值的用法。自己总结了几个要注意的点，具体戳http://ons.me/434.html写的很不错。
1.clear的用法官方解释为“元素盒子的边不能和前面的浮动元素相邻”。怎么理解呢？clear很善良，它只会让自己离开不会让他周围的元素离开。举个栗子：比如：clear：left，因为左边有浮动元素，它不会改变左边的浮动元素，所以只能自己离开左边的浮动元素，换到下一行，这样他的左边就不会有浮动元素了。
2.在给此元素设置clear属性的时候，如果此元素也浮动的话，那么父元素不会被撑开，当前元素只是换到下一行而已。
3.用both属性值是左右浮动都可以用。
left只限于前面元素是float：left。如果设置成clear：right的话，是没有用的。
right只限于前面元素是float：right。如果设置成clear：left的话，是没有用的。