深入分析网页设置中css float属性
float 属性的定义：使元素在哪个方向浮动
默认值为：none
注意：浮动元素会生成一个块级框，而不论它本身是何种元素
一、float语法 - TOP
Float常跟属性值left、right、none
Float:none 不使用浮动
Float:left 靠左浮动
Float:right 靠右浮动
float语法：
float : none | left |right
参数值：
none : 对象不浮动
left : 对象浮在左边
right : 对象浮在右边
HTML代码：
| 代码如下 | 复制代码 |
| <body> | |
1，当兄弟元素全为浮动元素时其父类元素在没有自定义宽高时其高度将为零
css样式：
| 代码如下 | 复制代码 |
| .main { border: 1px solid ; } .d { border: 1px solid red; width: 50px; height: 50px; float: left; } | |
显示效果：
2，浮动元素会在一行之内空间不够多余的浮动元素会跳至下一行
css样式：
| 代码如下 | 复制代码 |
| .main { border: 1px solid ; width:130px; } .d { border: 1px solid red; width: 50px; height: 50px; float: left; } | |
显示效果：
3，浮动元素会脱离文本流，其参照父类元素
ccs样式：
| 代码如下 | 复制代码 |
| #d1{ | |
显示：
ss浮动总结 - TOP
我们要区别与文字内容靠左( text-align:left)靠右( text-align:right)样式，浮动只针对html标签设置靠左靠右浮动样式。float浮动样式没有靠中（浮动居中）的样式，如果需要让标签对象居中我们在css布局居中相关文字给大家详细讲解介绍（css margin）。这里记住浮动靠右使用float:right，浮动靠左使用float:left样式即可。
您可能感兴趣的文章：
深入分析网页设置中css float属性
CSS弹出DIV 在窗口居中位的例子
详细学习CSS中的网页布局的属性
实例详解CSS的继承性及其应用
jQuery(1.6.3) 中css方法对浮动的实现缺陷分析
js CSS的 float class宽高赋值不兼容处理方法(ie7,ie8,firefox)
DIV CSS布局中无法显示背景颜色是怎么回事
jQuery源码分析系列
CSS浮动属性Float入门教程
制作网页时关于网页浏览器兼容问题的分析