边框没有扩展元素的宽度

时间:2012-06-07 22:16:38

标签: css

我虽然记得有一个css正确,我可以设置,这将允许我设置边框,但它不会扩大元素的大小。例如,如果我将宽度设置为100并且边框为1,那么元素宽度将变为102。

他们的属性是否将元素保持在100?

2 个答案:

答案 0 :(得分:6)

您可以使用outline,它不会占用任何空间:

outline: 1px solid black;

答案 1 :(得分:3)

您正在考虑box-sizing: border-box

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

#whatever {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

实际使用信息:http://html5please.com/#box-sizing

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