Question

css div的大小可不可以固定

比如我css文件里面写的height的值是100px，可是往往是因为padding或者margin的设置而导致div的height大于100px，撑破了，求高手指点。

Answer 1

那是当然的给你发个图吧！这是经典的盒子模型！这里可以看到你在CSS里面设计一个DIV样式  

譬如：.div{height:100px;width:50px;padding:10px;margin:20px;}

上面的这个样式的意思是  宽50像素  高100像素 样式内间距是10像素    样式外间距是20像素

所以你应用到DIV中时 这个DIV的实际 宽高就变成    

宽110像素（本来的50像素+“20像素的内间距，因为左右都有10像素 ，所以是20像素”+40像素的外间距  同理于内间距）

高160像素   同理于宽  上下都是10的内间距和 上下都是20的外间距

Answer 2

用css可以固定div的大小，div相当于一个盒子，当边框内的宽和高分别由width，height指定时，另加的padding内边距默认模式下会撑大盒子，所以有一个切换模式的样式语句：box-sizing，取值为border-box时，div大小以边框为准，padding不会撑大div。

Answer 3

当然可以固定了。 只要在div的样式中添加宽高，设定好自己想要的数值即可，参考代码：
<div style="width:100px;height:100px;"></div>

Answer 4

css布局的时候撑破和发生塌陷，是正常的，因为就像大陆迁移一样！首先应该float:left;然后在布局的时候要注意大小相抵取大的原则！间距并不是两间距之和，也不是较小的间距，取大！

Answer 5

按W3C标题，padding或者margin是算进宽和高的