浮动元素知识点总结

原创 2018年04月16日 09:34:41
一.浮动元素特性 

 1. 取值 float:left/right/none/inherit,用于所有元素。
 2. 清除浮动 clear:left/right/both/none/inherit,用于块级元素(元素浮动后会成为块级元素)
 3. 浮动元素从文档流中删除,但依然影响布局。
 4. 浮动元素的外边距不会合并。
 5. 浮动一个非替换元素,则必须为该元素声明一个with,否则元素的宽度趋于0。
 6. 浮动元素的包含块是其最近的块级祖先元素。  
 7. 浮动元素会生成一个块级框,而不论该元素本身是什么。     
 8. 浮动元素不会重叠、覆盖,而定位容易导致元素相互覆盖。          
 9. 浮动元素不能超出其包含元素的边界。若超出,会下移到另一行。
 10. 后浮动元素不会超过先浮动元素。

二.特殊情况 

 1. 浮动元素比其父元素高(例如浮动元素的下边界超出父元素底端) 解决方法:将父元素设置为浮动元素,就可以把浮动元素包含在其父元素内。
 2. 负外边距(是被允许的)可能导致浮动元素移动到其父元素外面。当浮动元素比其父元素更宽时也会导致这种情况。
 3. 浮动元素与正常流中的内容发生重叠(有负外边距)。 
     - 当行内框与一个浮动元素重叠时,其边框、背景、内容都在该浮动元素之上;
     - 当块框与一个浮动元素重叠时,其边框、背景在该浮动元素之下显示,内容在该浮动元素之上显示。

Spring知识点总结

在学习Spring之前,先了解Spring是什么。百度百科上解释:Spring是分层的JavaSE/EE full-stack轻量级开源框架,以IoC(Inverse of Control 反转控制)...
  • zjx86320
  • zjx86320
  • 2015-06-29 20:06:53
  • 4070

jsp和servlet知识点总结

一.Jsp与servlet的区别:1.jsp经编译后就变成了Servlet.(JSP的本质就是Servlet,JVM只能识别java的类,不能识别JSP的代码,Web容器将JSP的代码编译成JVM能够...
  • mcy478643968
  • mcy478643968
  • 2011-01-18 16:04:00
  • 3258

数据库及SQL----常用知识点总结

用递归和非递归两种方法翻转一个链表
  • dcj0913
  • dcj0913
  • 2014-09-13 15:33:21
  • 8294

数据库sql语句和重要知识点总结

  • 2016年11月20日 22:22
  • 1.04MB
  • 下载

Oracle知识点总结(一)

体系结构: 数据库的体系结构是指数据库的组成、工作过程与原理,以及数据在数据库中的组织与管理机制。 体系结构包括:实例(instence),数据库文件(database),用户进程(user pr...
  • chuyuqing
  • chuyuqing
  • 2013-04-07 21:47:13
  • 4857

Python核心知识点总结

  • 2016年04月09日 12:01
  • 942KB
  • 下载

HTML、CSS知识点总结,浅显易懂。

一,html+css基础 1-1 Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的: 1. HTM...
  • smy000
  • smy000
  • 2017-05-04 21:26:52
  • 401

MySQL知识点系统总结

MySQL数据库是一个非常流行的关系型数据库。配合Linux、PHP、Apache,简称lamp,是一般个人企业网站的首选。MySQL用起来不难,要系统的用好,可不是一件简单的事。于是我对MySQL系...
  • u012558554
  • u012558554
  • 2016-04-06 10:03:53
  • 641

软件测试技术知识点重点总结

1.3软件测试技术 分类:静态测试;动态测试 1)静态测试  定义:是指不执行程序代码而寻找代码中可能存在的错误或评估程序的过程 包含:各阶段评审;代码检查;程序分析;软件质量度量 代码检查...
  • hp_epm1_liuxuewen
  • hp_epm1_liuxuewen
  • 2015-09-29 19:14:21
  • 827

线性代数知识点总结

  • 2017年12月04日 21:17
  • 572KB
  • 下载
收藏助手
不良信息举报
您举报文章:浮动元素知识点总结
举报原因:
原因补充:

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