首页 > 编程开发 > W3C盒子模型

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

  1. 还没有评论
评论提交中, 请稍候...

留言

可以使用的标签: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">
Trackbacks & Pingbacks ( 0 )
  1. 还没有 trackbacks