CSS 使用百分比布局

使用百分比布局时，会因为padding和border稍不精确，将左右浮动的块挤成上下浮动了。

解决办法：

div
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:50%;
float:left;
}

使用CSS3的box-sizing:border-box将盒模型弄成border对齐。

但IE6/7不支持此属性，需要做hack，具体像素仍然需要计算。。。