padding(补白属性)到底指的哪一部分

7

本文作者:topchun  发布于:2011-10-31  分类:网站建设  点击:


主要是自己以前在这个问题上比较迷茫,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)

本文标签: 网页特效  网页代码  网站建设  asp  
本文Url: http://cn00.net/post/padding-margin-border.html (出自: 起点博客)

7 Comments

护腰带哪种好
受用了,我说以前经常查看源文件能看到padding这样一个代码呢,原来如此。博主是学计算机的吗?
topchun 于 2011-10-31 17:56:37 回复
自学的
男人的最爱
踩一踩 博主万福
秦天SEO
哈哈,学习了,谢谢分享!margin和padding一开始分不清的,现在好多了
酷居家
来支持了,谢谢分享!
huangjun
css难么
米多
米多总是感觉这个主题哪里怪怪的
台一火花机
不错的文章,谢谢分享

雁过留声,评论一下吧!