我有一个<div>元素，我想给它加一个边框.我知道我可以写style="border: 1px solid black"，但这会给div的两边增加2px，这不是我想要的.
我更希望这个边框是从div边缘开始的-1px.div本身是100pxx100px，如果我添加一个边框，那么我必须做一些数学运算才能使边框出现.
有没有办法让边框显示出来，并确保盒子仍然是100px(包括边框)？
我有一个<div>元素，我想给它加一个边框.我知道我可以写style="border: 1px solid black"，但这会给div的两边增加2px，这不是我想要的.
我更希望这个边框是从div边缘开始的-1px.div本身是100pxx100px，如果我添加一个边框，那么我必须做一些数学运算才能使边框出现.
有没有办法让边框显示出来，并确保盒子仍然是100px(包括边框)？
将box-sizing属性设置为border-box:
div {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 100px;
height: 100px;
border: 20px solid #f00;
background: #00f;
margin: 10px;
}
div + div {
border: 10px solid red;
}<div>Hello!</div>
<div>Hello!</div>IE8 & above码有效.