HTML基础--盒模型

盒模型的属性:

margin,border,padding,内容大小

线上显示地址http://js.jirengu.com/codutazowi

test1使用了border-box后的变化

test2没使用border-box的变化

test1就是使用了border-box,模仿了怪异模式中的IE盒模型,就是内容大小=边框+padding+border。

test2就是标准盒模型,内容大小就是内容大小,padding就内边距,边框依然是边框,各自占用大小。

posted @ 2016-07-23 14:42  chenyuru  阅读(156)  评论(0编辑  收藏  举报