CSS盒模型

一、
一个div,只给定条件 width:10%;怎样写一个正方形？
方法一：父元素html,body设置height:100%,然后给div设置height:10%;
方法二: 设置padding-bottom:10%即可；

二、
盒模型里margin重叠问题，数值高的那一部分有效。
比如一个div1设置margin-bottom：30px, div2设置margin-top:20px;
最后两者的margin为多的那个值，即30px，而不是50px;

三、
如果div设置float或者position:absolute后，
它的宽度不会延伸至父元素的宽度，而是由子元素填充。