作用一 防止浮动高度坍塌 (特性五)

防止浮动的造成的高度坍塌

作用二 阻止margin collapse (特性二)

普通p标签,上下margin为1rem

普通p标签(发生margin合并,最终渲染为1rem)

作用三 一栏定宽一栏自适应布局 (特性三)

默认这里的p标签的包含块为当前所包含div元素,依据特性三我们可以得出p标签的左外边缘相邻div的左边缘 通过给p标签内容触发一个BFC,从而使得p标签的内容不再相邻div左边缘,最终实现两栏布局的效果。