.child{float:left;宽度：100px；高度：100px；背景：#FF0000；}.child+.child{margin-left:5px;}.test{背景：#00FFFF;宽度：600px；高度：100px；}一、定义1、BFC是Block（块）Formatting（格式化）Context（内容）的缩写，意为块级格式化上下文。是一个独立的块级渲染区域，有自己的渲染规则，与区域外部无关；2.界面渲染完成后，切换到debug模式，按ctrl+shift+c然后用鼠标移动界面，可以清楚的看到每个盒子结构都是独立的，父盒子的高度饱和了;2、为什么要学习和理解BFC1。第一种情况，浮动会脱离文档流，导致父元素的高度为零。箱子也受到影响。.child{float:left;宽度：100px；高度：100px；背景：#FF0000；}.child+.child{margin-left:5px;}.test{背景：#00FFFF;宽度：600px；高度：100px；}1
