W3C盒子模型

通过这个例子,我们可以对盒子模型有一个比较清晰的认识

由于竖排文字在firefox中不被支持,可能样子比较难看:-(

W3C的盒子模型中height和width不包含padding和border,仅指content的高和宽;而IE的盒子模型height和width属性不包含padding和border值.

margin-top

margin-left

border-top

border-left

padding-top

padding-left

content

padding-right

padding-bottom

border-right

border-bottom

margin-right

margin-bottom

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据