码迷,mamicode.com
首页 > Web开发 > 详细

CSS浮动特性总结

时间:2016-07-15 20:38:23      阅读:388      评论:0      收藏:0      [点我收藏+]

标签:

 

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

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

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

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

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

文章来源:艾维艾科技

CSS浮动特性总结

标签:

原文地址:http://www.cnblogs.com/mivi/p/5674501.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!