一、什么是BFC?

    BFC(block  formatting context):简单来说它就是一种属性,这种属性会影响元素与元素之间的位置、间距

二、形成BFC的条件

    1、float:给元素添加浮动(属性值为left、right,但none除外)

    2、position:给元素添加定位(属性值为absolute或fixed)

    3、display:给元素添加display属性(属性值为 inline-blocks、table-cells或table-captions)

    4、overflow:给元素添加overflow 属性(属性值为hidden、auto或scroll,但visible除外)

三、BFC形成后出现的常见问题

    1、margin重叠问题

    2、浮动相关问题

最新文章

  1. (学习笔记)laravel 中间件
  2. Web Map Gis 开发系列索引
  3. jq小插件--方便设置css属性
  4. 未能加载文件或程序集“Newtonsoft.Json”或它的某一个依赖项。找到的程序集清单定义与程序集引用不匹配
  5. Fake chat script for website download
  6. C#中的数组,多维数组和交错数组
  7. 好消息!Html5游戏和动画的福音
  8. http协议读书笔记3-Web服务器
  9. Session生命周期讨论
  10. Bzoj2034 2009国家集训队试题 最大收益 贪心+各种优化+二分图
  11. thinkphp学习笔记6—url模式
  12. 【Spring源码分析】.properties文件读取及占位符${...}替换源码解析
  13. 五十六、linux 编程——UDP 编程模型
  14. window文件过长无法删除的处理方式
  15. C#调用WebService的简单方式
  16. GoEasy的使用
  17. 生成条形码插件 条形码--JsBarcode
  18. 自建Kubernetes logtail日志采集客户端安装方式
  19. 《Java并发编程实战》笔记-取消与关闭
  20. vs2017中char* str = "1234asd56";会报错,——const char*类型的值不能用于初始化char*类型的实体

热门文章

  1. ASP.NET Core WebApi 项目部署到 IIS 服务器的总结
  2. MySQL 5.6不删空用户的影响
  3. linux系统坏了,进不了登陆界面怎么办?
  4. nginx和tomcat访问图片和静态页面的配置方法
  5. 利用Makefile安装helloworld模块(速成)
  6. Dell R730服务器 Raid5配置
  7. Python数据结构:栈 队列
  8. wnmp(windows+nginx+mysql+php)环境搭建和配置
  9. CSS3无前缀脚本prefixfree.js与Animatable使用介绍
  10. Vue + Element UI 实现权限管理系统 前端篇(五):国际化实现