Question

div+css。要添上div边框颜色和实际的div大小冲突了该怎么办？

我先把div的大小定义过了，然后想给这个层添上边框颜色，可是添过之后大小和这个层冲突了该怎么办？？？

Answer 1

你需要了解了解盒子模型了。Box 的宽度和高度是：边框*2+内联*2+盒子宽度或高度，这里的Box就是你的display:block的DIV了。例如：你一个DIV宽是500，高是300，其中要放两个并排的小DIV（float:left）。里面的小DIV宽应该是250，高应该是300了。但如果你要给两个小DIV加上1像素的边框，那原本并排显示的小DIV就会掉下来，为什么呢？因为小DIV有了边框，左右和1像素，是2个像素，上下两个像素，那小DIV每个多了2个像素，两个多了4个像素，加起来成了252像素的宽了，其父级DIV宽只有500，容不下了。这里候你需要将小DIV的宽改成248，高改成298才能让它们完全包在大DIV中。有点啰嗦，但希望你明白。

Answer 2

边框要占位的啊，一个DIV的实际显示尺寸 是 width+padding+border= 显示尺寸例：div{ border: 1px solid #060; width:100px; padding:20px}上面的块显示尺寸就是：1+1+100+20+20;解决方法把 width - border的宽*2 就行了。尺寸仅考虑宽度，每个块加上float,它会自己去适应高度。实际上写了height也没作用，除非配合overflow使用

Answer 3

简单的说，如果你的div宽100，高100，你要写个上下左右都是1的边框。那么，你的宽就变成了98，高98.也就是说，div实际的宽度要减去两边边框的宽度。不减的话，就错位了。