CSS布局div高度宽度按百分比展示

1.在你写CSS样式时会不会遇到我的高度明明是写了百分比高度，不知道为什么就是撑不出来高度，因为你没有给你的父级元素设置高度。因为你写的百分比高度，是按照父级元素的高度去生成的，如果你父级元素的高度都不知道，你怎么按百分比分配呢？这个时候你就需要在你的所有父级元素上面都加上高度即可。

html，body {
	height: 100%; 
	width： 100%；   
}

例子只给了html，和body元素的，其他子元素高度自行定义即可

2.当你设置了height: 100%，width：100%时，请避免设置margin和padding。因为你的div实际宽度将是width+margin+padding 从而大于外框。当然你也可以更换盒模型来解决此问题。

3.每一行中，如果存在多个div，尽量不要让他们的总宽度刚好等于100%。原因是，当像素数出现小数时，浏览器是采取四舍五入的方式计算的。比如你的外框是11像素宽，里边的两个div的宽带均设置为50%，则计算为5.5px,浏览器四舍五入的算法得出6px，所以总宽度将变成12px，超出了外框的总宽度。所以我们在设置的时候尽量不要把总宽度设置成100%。