我有一個<div>元素，我想在上面加一個邊框。我知道我可以寫style="border: 1px solid black"，但是這會在div的任何一側增加2px，這不是我想要的。我寧愿此邊框距div的邊緣為-1px。div本身是100px x 100px，如果我添加邊框，則必須做一些數學運算才能使邊框出現。有什么方法可以使邊框出現，并確保框仍為100px（包括邊框）？
3 回答
繁星淼淼
TA貢獻1775條經驗 獲得超11個贊
將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及更高版本。
- 3 回答
- 0 關注
- 1107 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消