第九章 浮动

原创 2017年10月07日 15:48:15

定义:使元素脱离文档流 按照指定方向(左右)发生移动 遇到父级边界或者相邻浮动元素就停下来

所有元素都可以设置浮动
所有浮动了的元素都是块级元素

浮动的特殊情况:

  1. 两个子集 一个添加了浮动 一个未添加浮动 添加了浮动的在上面 未添加的在下边
  2. 浮动的元素只能影响后面的兄弟圆度 不能影响子集
  3. 浮动的元素总体宽度超出父级袁术的宽度 则超出的部分被挤下来换行显示

浮动对文字的影响:

 浮动回事文字环绕

浮动的危害:

造成父级元素高度塌陷(若父级元素没有设置高度时)

清除浮动:

.clearFloat : after{
    content:"";
    display:block;
    clear:both;
}
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

第九章ADO技术

  • 2013年12月24日 16:23
  • 135KB
  • 下载

【第九章】 Spring的事务 之 9.1 数据库事务概述 9.2 事务管理器——跟我学spring3

9.1  数据库事务概述 事务首先是一系列操作组成的工作单元,该工作单元内的操作是不可分割的,即要么所有操作都做,要么所有操作都不做,这就是事务。   事务必需满足ACID(原子性、...

北大青鸟第九章

  • 2014年06月06日 09:45
  • 1.81MB
  • 下载

深入理解linux内核读书笔记(第九章)

1. 内核信赖自己,但是对于用户态的内存请求,内核会做必要的地址检查,然后先给进程分配地址空间(线性地址),真正的物理内存分配推迟到必要的时候才进行。 2. 内核使用mm_struct 来描述用户的地...

Oracle学习第九章

  • 2010年05月25日 09:01
  • 849KB
  • 下载

Android群英传笔记——第九章:Android系统信息和安全机制

Android群英传笔记——第九章:Android系统信息和安全机制 本书也正式的进入尾声了,在android的世界了,不同的软件,硬件信息就像一个国家的经济水平,军事水平,不同的配置参数,代表着...

第九章 dy-相关反馈及查询扩展

  • 2012年03月01日 17:42
  • 894KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:第九章 浮动
举报原因:
原因补充:

(最多只允许输入30个字)