CSS margin 百分比属性自适应的解决办法

• 根据规范文档， margin 属性设置百分比， 将以父标签宽度为准， 百分比变化
• 一种解决办法就是， 改变浏览器书写顺序，从横向书写改为竖向， 这个时候就是以父标签的高度为准

	-webkit-writing-mode: vertical-rl; /* for browsers of webkit engine */
    writing-mode: tb-rl; /* for ie */

另一种解决办法就是添加伪元素， 建议使用这种办法

.container:before {
	content: "";   
	display: block;   
	width: 100%;   
	height: 10%;   /*写你的高度百分比*/
}

当然了，还有一种办法就是直接添加标签挤高度