css - HTML定位问题 百分数 和 padding marggin border的冲突

Question

做网页布局的时候用了height+百分数去分配各个部分的空间比例，分配好后为了美观加些边框和边界距离，结果布局就乱了。padding、border的厚度没有算在百分比里，多占了一部分空间，导致排版不太对= =

有什么处理手法吗？还是习惯上不用百分比去定义高度宽度之类的？

我刚学不就，觉得这个问题可能比较普遍，应该有了比较成熟的解决办法，斗胆一问。 自己找了一个知道上的http://zhidao.baidu.com/question/394203937.html但auto属性效果不太对，p的auto是有多少内容设多少高度，textarea是按默认值设定长宽。

Answer 1

After I posted it, I saw the following article = = http://www.zhangxinxu.com/wordpress/2012/11/firefox-input-textarea-percent-padding-bug-fixed/

Provides three methods:

• Padding value as a percentage
• CSS3 feature calc(100%-10px)
• The box-sizing attribute is set to border-box (the size is calculated based on the range including the border)