自私自利的float

引言： 相信大家在用Html+Css编写网页时会经常用到css中float（浮动）这个属性吧，浮动能让我们很好进行页面的布局，但种种问题也随之而来。 一.float的基本属性及应用 这个属性叫漂浮，顾名思义，就是让设置的标签产生浮动效果，就是脱离原来页面的标准输出流。 正常情况下，HTML页面中块元素都是从上倒下排列的。如果想实现左右结构。 float是一种选择（当然还有其他方法）。 比如 <div style="widht:500px"> <div style="float:left;">左</div> <div style="float:left;">右</div> </div> 当标签使用了float属性后，就脱离了标准输出流，就不受页面约束了。这样不方便，也不利于页面布局。 所以，一般浮动之后要清除浮动。 <div style="widht:500px"> <div style="float:left;">左</div> <div style="float:right;">右</div> <span style="clear:both"></span> </div> 二.浮动的破坏性 我们会发现，目前流行采用浮动方法实现的无论是分栏布局，还是列表排列我们都可以用其他一些CSS属性（不考虑table）代替实现，唯一一个实现不了的就是“文字环绕图片”