CSS中float浮动属性
2018-03-17 13:08
183 查看
1. 原理:
浮动元素将脱离文档流,漂浮在默认文档流之上。
浮动的元素会向左或者向右移动,直到它的外边缘碰到父级元素或这个元素之前的另一个浮动元素的边框为止。
2. 特点
不管元素如何浮动,始终以父级容器或它前面同层次并列的元素作为参考进行对齐。
一旦元素浮动起来,就可以直接适用CSS盒子模型属性。(行间元素脱离默认文档流的行间限制)
尽管浮动元素脱离了默认文档流,但仍然会影响到默认文档流中的盒子里面装的“内容”(图片或文本),这些“内容”会给浮动元素留出占位。ps:图文环绕的版式效果就是这么得来的。
3. 作用:
将页面元素浮动起来,使其能够向左或向右排列。
4. 应用
实现页面中布局的左右排版。
实现图文环绕的版式效果。
浮动元素将脱离文档流,漂浮在默认文档流之上。
浮动的元素会向左或者向右移动,直到它的外边缘碰到父级元素或这个元素之前的另一个浮动元素的边框为止。
2. 特点
不管元素如何浮动,始终以父级容器或它前面同层次并列的元素作为参考进行对齐。
一旦元素浮动起来,就可以直接适用CSS盒子模型属性。(行间元素脱离默认文档流的行间限制)
尽管浮动元素脱离了默认文档流,但仍然会影响到默认文档流中的盒子里面装的“内容”(图片或文本),这些“内容”会给浮动元素留出占位。ps:图文环绕的版式效果就是这么得来的。
3. 作用:
将页面元素浮动起来,使其能够向左或向右排列。
4. 应用
实现页面中布局的左右排版。
实现图文环绕的版式效果。
相关文章推荐
- CSS float浮动属性
- 属性操作-浮动cssFloat(兼容IE6、7、8)
- css float 浮动属性
- css:浮动 float属性
- CSS float 浮动属性
- CSS布局浮动(float)和定位(position)属性的区别和使用
- CSS中元素内容的浮动属性float
- CSS布局浮动(float)和定位(position)属性的区别和使用
- css中 float浮动 属性
- CSS布局最常用属性float(浮动)和position(定位)
- CSS float 浮动属性详解
- CSS布局最常用属性float(浮动)和position(定位)
- CSS清除浮动_清除float浮——详解overflow:hidden 与clear:both属性
- CSS——灵活布局 float (浮动属性)
- 栋栋晓06:详解css布局中的浮动float属性
- CSS float 浮动属性
- DIV + CSS浮动属性Float详解
- Javascript中CSS属性float的特殊写法
- css 浮动(float,clear)通俗讲解
- CSS: float属性和position属性的区别和应用(一)