学习
实践
活动
专区
工具
TVP
写文章

CSS样式中BFC与float元素实际应用的关联

BFC的全称是Block formatting context直译为"块级格式化上下文"。是Web页面中盒模型布局的CSS渲染模式。它的定位体系属于常规文档流。

BFC的产生因素为:根元素,浮动,绝对定位元素,inline-block, table-cell, table-caption,和overflow的值不为visible的元素。如下图。

BFC

而关于float元素中产生的产生的块级元素浮动,对于拥有BFC属性的样式和内联元素(inline)以及文本,都不会被float块级元素所覆盖,也就是在实际应用,前者会跟后者同时完全展示,而非折叠或者覆盖展示。

参考链接:https://www.qwzyj.com/thread-116-1-1.html

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180108A0XCDL00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

关注

腾讯云开发者公众号
10元无门槛代金券
洞察腾讯核心技术
剖析业界实践案例
腾讯云开发者公众号二维码

扫码关注腾讯云开发者

领取腾讯云代金券