博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS 浮动规则
阅读量:6059 次
发布时间:2019-06-20

本文共 799 字,大约阅读时间需要 2 分钟。

 

  • 浮动元素会从文档正常流中删除,但它仍会影响布局
  • 浮动非替换元素必须为其指定width,否则元素的width会趋于0而导致浮动元素不能完整显示
  • 一旦元素具有了浮动属性,它便成为了一个块级元素。
  • 浮动元素的左右外边界不能超出包含块的左右内边界
  • 浮动元素永不会重叠
  • 浮动元素不会超过容器的上padding
  • 后浮动的元素永不会超过先浮动元素的顶端
  • 浮动元素会尽可能高地放置,便这个高受限于规则6和规则7
  • 浮动元素的下边界没有要求,因此当容器不足以容下浮动元素时,浮动元素会向下延伸。但部分浏览器会采取增大容器高度以容下浮动元素,而对于符合CSS2.1规范的浏览器要想让容器容下浮动元素的一个可行方法是:让容器也浮动
  • 浮动元素向下延伸时,不会影响正常文本的显示,文本会相对于浮动元素进行偏移。但部分文本背景会被浮动元素遮住
  • 如果浮动元素设置了负的外边距、这将破坏规则4、6、7
  • 当浮动元素的width>容器的width时,这会使得浮动元素超出容器的左右边界(超左超右依浮动方向而定) 
  • 浮动重叠规则:行内框(如strong)与浮动元素重叠时,其边框、背景、内容均位于浮动元素之上;块框与浮动元素重叠时,其边框、背景在浮动元素之下,而内容在浮动元素之上。
  • 对某个元素应用clear:left,意味着这个元素的左边不能有浮动元素。
  • clear不能用于非块级元素,比如<br/>,在大多数浏览器看来它是一个非块级元素,因此如果对br应用clear来清除浮动不会有任何效果,除非改变br的display:block。
  • 如果某元素应用clear清除浮动,则此元素设置的上外边距值会被忽略,但会有一个重新计算的上外边距值(甚至可能为0).如果希望此元素与浮动元素之间有一个明确的间隔,可以在浮动元素上设置下外边距。

转载于:https://www.cnblogs.com/qianphong/p/10383658.html

你可能感兴趣的文章
python基础知识~logger模块
查看>>
新建Web网站与新建Web应用程序的区别
查看>>
SIP入门(二):建立SIPserver
查看>>
Servlet3.0的异步
查看>>
WebService连接postgresql( 失败尝试)
查看>>
从头认识java-13.11 对照数组与泛型容器,观察类型擦除给泛型容器带来什么问题?...
查看>>
Python-MacOSX下SIP引起的pip权限问题解决方案(非取消SIP机制)
查看>>
从MFQ方法到需求分析
查看>>
android.view.WindowManager$BadTokenException: Unable to add window
查看>>
HDU5012:Dice(bfs模板)
查看>>
iphone openssh
查看>>
Linux下MEncoder的编译
查看>>
Xamarin使用ListView开启分组视图Cell数据展示bug处理
查看>>
Javascript中闭包(Closure)的探索(一)-基本概念
查看>>
spark高级排序彻底解秘
查看>>
ylbtech-LanguageSamples-PartialTypes(部分类型)
查看>>
福建省促进大数据发展:变分散式管理为统筹集中式管理
查看>>
开发环境、生产环境、测试环境的基本理解和区别
查看>>
tomcat多应用之间如何共享jar
查看>>
Flex前后台交互,service层调用后台服务的简单封装
查看>>