CSS中的DIV像素计算是如何计算的？

来源：百度知道 编辑：UC知道 时间：2024/06/01 22:33:50
最近在学习CSS+DIV，涉及到DIV边框的像素计算，举个例子来说：我定义整个框架是宽1000px高900px（含边框长），先说明一下这个大框架的 我做了边框，边框长为1px，是否可以理解成这个框架的内部（除边框外的空间）是998px？如果是的，那么在大框架的内部再定义一个小框架，边框长为1px,margin:20px,问求这个内部小框架除边框外的实际高和宽是多少？小弟我自己算了一下是，宽978高878。如果对的话我就明白该怎样计算了，如果不是的话还希望各位高手们教教，真得快绕糊涂了，老是出现设定好边距的DIV分布完全不对。

你列举的数字我就不细看了。单就你的问题我一句话回答：
块级元素实际width/height = border + padding + content

计算的时候细心即可。

譬如你的CSS div#wrap {width:950px; padding:0 5px; border:0;}
实际wrap的宽度是960px。如果padding:0 10px呢，width就要改成940px，这样wrap实际宽度才维持960px不变。

刚学的时候容易把width或者height属性值误当成包含了内边距的整个宽度或者高度，实际上不是的。

出错是很正常的，要兼容各个浏览器才更麻烦呢，你这问题够小了。

你的计算是正确的.....
象素的计算要首先要减去边框.....然后
一般情况下..margin不参与计算..但是你这种情况比较特殊....所以要减去..还有一种情况....比如一个宽为100px，高为100px的层..加上padding：20px..那么..它的宽跟高就各加20....变成..140px.....高为140px..