诡异BUG：DIV 的 margin 设置影响父级

参考资料：1、【web前端】23.解决内部div的margin影响外部div的margin_Anabel Chen的博客-CSDN博客

2、元素之间设置margin的影响及原因

有如下代码：

	
	
	
	
	
	
	



	

		

			

				第一页------------
			
		
	
	

		

			

				第二页------------
			
		
	
	

本来以为可以得到四边留出空白间距的如下效果：

 但是得到的却是如下效果： 

 感觉就是个超级 BUG，但是查了下发现是什么 BFC 机制的规定，以此记录，避免以后再次踩坑。

解决方法请参见参考资料。