美文网首页工作生活
BFC

BFC

作者: 一只重拾梦想的小水 | 来源:发表于2019-07-04 11:49 被阅读0次

块格式上下文是页面CSS 视觉渲染的一部分，用于决定块盒子的布局及浮动相互影响范围的一个区域。

BFC的创建方法：

  • 根元素或其它包含它的元素；
  • 浮动(元素的float不为none)；
  • 绝对定位元素(元素的position为absolute或fixed)；
  • 行内块inline-blocks(元素的display: inline-block)；
  • 表格单元格(元素的display: table-cell，HTML表格单元格默认属性)；
  • overflow的值不为visible的元素；

弹性盒 flex boxes(元素的display: flex或inline-flex)；

但其中，最常见的就是overflow:hidden、float:left/right、position:absolute。也就是说，每次看到这些属性的时候，就代表了该元素以及创建了一个BFC了。

https://www.jianshu.com/p/b85182267125

相关文章

网友评论

    本文标题：BFC

    本文链接：https://www.haomeiwen.com/subject/gmulhctx.html

    延伸阅读

    深度阅读

    • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

    栏目导航

    热点阅读

    工作生活

    关于我们|服务条款|联系我们|BFC|投稿指南|网站地图|RSS订阅|排版工具|手机版

    提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

    Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

    备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

    本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

    所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！