CSS浮动特性总结

 

1.假设现在CSS中没有浮动(float)属性，那么会变成一个什么样子。我们会发现，目前流行采用浮动方法实现的无论是分栏布局，还是列表排列我们都可以用其他一些CSS属性（不考虑table）代替实现，唯一一个实现不了的就是“文字环绕图片”，我是想不出来能有什么方法可以让文字环绕图片显示。好，这个替代不了的作用才是float真正的意义所在,即float属性最初被设计的时候就是用来完成文字环绕效果的。

2.运用了float的元素只能横向浮动，不能纵向浮动。当元素运用的浮动属性后，将会脱离普通文档流，起容器（父元素）讲得不到脱离普通文档流的子元素的高度。

3.对元素应用的浮动属性后，会更改元素的display属性，即将元素变为block，此时可对该元素按块模型进行处理。

4.浮动元素的后一个元素会围绕着浮动元素，典型运用是文字围绕图片，与应用的position的元素相比，浮动元素并不会遮盖后面元素。

5.浮动元素之前的元素不会受当前浮动元素的影响，，如果你想让两个块状元素并排显示，必须要让两个块状元素都应用float属性。

文章来源：郑州网站建设