前言：border属性margin是boxes之间的距离，这个前提一定要记住。BFC满足以下条件之一即可触发BFC（IE的触发需要额外增加缩放：1）根元素，即HTML元素溢出的值不可见，该值borderfloat的不是none，display的值为inline-block，table-cell和table-captionposition的值为absolute或fixed，border值重叠。两个相邻的块级元素之间的边距边界值会相互重叠。例如：第一个div的margin-bottom和第二个div的margin-top区域会重叠，只会显示最大值。（说实话，应该没人这么写吧，毕竟直接设置一个box的边界值就可以了，不过这个还是要注意的。）
解决方法：其中一个div添加子元素，并设置overflow的值为不可见（触发BFC的元素可以解决，根据样式要求选择合适的方法即可），然后设置子元素的边界值。<样式>.wrapper{背景：黄色；border:1pxsolid#cccccc}.text{margin-bottom:100px;背景：#00b000}p{背景：黄绿色；margin-top:100px;}