主要是自己以前在这个问题上比较迷茫,padding,margin,border这些属性,有时候不知道该怎么用。刚好看到一个比较容易解释的说法,记下来加深下印象。
在现实网页制作中,计算盒模型大小主要分两个方面,分别是水平方向上的宽度计算和垂直方向上的高度计算。
1,水平宽度计算
单独元素盒模型的宽度和高度的计算方法比较简单。在水品方向上,从左到右依次是左边界、左边框、左补白、宽度、右补白、右边框、右边界这7部分的宽度加在一起。
2,垂直高度计算
当面对某一个单独元素时,在其垂直方向上计算高度的方法是,把盒模型垂直方向上的7个部分高度加在一起;当含有多个元素并在IE中执行时,一定要注意如下两个问题:
- 当有包含关系的两个元素时,补白会与边界重叠。
- 当没有包含关系的两个元素时,边界会重叠。
自己以前主要是把宽度与高度的设置理解成边框那里了,而把补白部分算在宽度与高度以内了,现在看来,宽高只是设定里面元素的最大范围,padding并不在此范围之内。
相关文章223. javascript实现通过改变下拉列表/菜单,改变其他文本框的默认值 (2011-10-30 9:0:14)
222. asp使用md5加密密码及邮件通知,邮件改密码 (2011-10-26 19:24:0)
221. 一些常用的asp代码(文件) (2011-10-25 7:57:42)
220. asp删除数据库记录代码 (2011-10-24 7:49:55)
213. 谈谈互联网广告 (2011-6-16 8:51:40)
181. 低价建站方案 (2010-6-6 21:42:28)
177. 为什么国内免费空间行不通? (2010-5-24 8:21:47)
176. 技术是个好东西 (2010-5-22 23:31:9)
165. 再谈国外空间 (2010-5-3 20:37:48)
163. 开始提供免费美国php空间 (2010-4-29 19:15:56)
