是否有某种方式将一组宽度/高度的DIV,和垫没有DIV日益增长的内容?看下面的例子。我想要所有的盒子都是140x140。如何添加填充或边界的DIV,并保持宽度和高度?
HTML:
<div class="box1">Howdy.</div>
<div class="box2">Howdy.</div>
<div class="box3">Howdy.</div>
CSS:
.box1 {
width: 140px;
height: 140px;
background: #f66;
}
.box2 {
width: 140px;
height: 140px;
background: #66f;
padding: 1em;
}
.box3 {
width: 140px;
height: 140px;
background: #6f6;
border: 1em solid #000;
}
小提琴:http://jsfiddle.net/Wrc5S/
你举的例子是正确的,但你没不提[来源](http://css-tricks.com/box-sizing/)。如果你添加,我会删除我的downvote。 – bfavaretto 2012-03-12 22:14:03
有大量的来源,在谷歌加入我用者之一,第一次一起来框中上浆 – Dampsquid 2012-03-12 22:18:35
是的,但你从那里粘贴的例子,包括评论,所以你应该注明出处。 Downvote删除。 – bfavaretto 2012-03-12 22:19:59