css - 使用 css 设置 div 外宽

Question

我想知道是否有办法使用 css 设置 div 的 outerwidth 来忽略填充和边框。

当我将 div 设置为 50% 宽度时，填充和边框将添加到宽度。如果没有 javascript 或 jQuery.outerWidth() 我该如何解决？

不想使用额外的元素

Answer 1

I'm wonder if there is way to set outerwidth of a div using css to ignore padding and borders.

您可以使用 box-sizing: border-box 使 padding 和 border 被计算在 width 内:

div {
    box-sizing: border-box;
}

参见:http://jsfiddle.net/thirtydot/6xx3h/

浏览器支持:http://caniuse.com/css3-boxsizing

规范:http://www.w3.org/TR/css3-ui/#box-sizing