BFC
来源:互联网 发布:淘宝新店能开直通车吗 编辑:程序博客网 时间:2024/06/06 02:20
含义:
block formatting context,即块元素独立排版环境。
满足条件:
- float属性不为none;
- position属性不为static和relative;
- overflow属性不为visible;
- display属性为下列之一:table-cell,table-caption,inline-block,flex,inline-flex;
最好的建立方式:
.container { overflow: hidden; }
作用:
利用BFC可以消除Margin Collapse
利用BFC去容纳浮动元素
利用BFC阻止文本换行
参考文章:
中文译文http://www.jianshu.com/p/fc1d61dace7b
英文原文:
https://www.sitepoint.com/understanding-block-formatting-contexts-in-css/
0 0
- BFC
- BFC
- BFC
- BFC
- BFC
- BFC
- BFC
- BFC
- BFC
- BFC
- BFC
- BFC
- BFC
- BFC
- BFC
- BFC
- BFC????
- BFC
- 用富文本summernote插入图片放到七牛云
- 如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
- #define 与 C的内存
- Linux后台进程管理利器:supervisor
- Linux下查看CUP,内存,硬盘
- BFC
- 让kindeditor显示高亮代码
- c++ stl
- 欢迎使用CSDN-markdown编辑器
- Linux内核驱动之GPIO子系统(一)GPIO的使用
- UVA725 Division
- C、C++输出精度控制—hdu acmstep 1.2.4 financial management&&1.2.8 balloon comes
- Maven - 环境配置
- rails中常用方法总结