html5 box-sizing

    前几天，在写自适应布局时，并行的两元素A与B设置的宽度：（A：width:70%;B:width:28%），其是没有超过一行的宽度的，但其布局却撑破，挤压得使B元素停留在下一行中，后来发现是我为A、B元素都设置了padding值的缘由，但布局已定，该怎么办？

    想到以前很少用的html5的一个属性：box-sizing:border-box|content-box|inherit （具体意思可自己查下，在此不再多说），我选择的是box-sizing:border-box,其作用是使元素维持IE传统的盒模型：元素的宽度等于元素内容的宽度（元素的border+元素的padding+实体内容的宽度），高度的话同理；这样的话，布局便会根据宽度的设置，不再撑破.