设置box-sizing属性为border-box可以实现将边框置于<div>元素内部而不是边缘的效果： 1div { 2 box-sizing: border-box; 3 -moz-box-sizing: border-box; 4 -webkit-box-sizing: border-box; 5 width: 100px; 6 height: 100px; 7 border: 20px solid #f00; 8 background: #00f; 9 margin: 10px; 10} 11 12div + div { 13 border: 10px solid red; 14} 效果如下： …

阅读更多