盒子模型

来源:互联网 发布:淘宝怎么赚集分宝 编辑:程序博客网 时间:2024/05/16 00:30

1. 盒子的真实占据大小 = content + padding + border + margin

2. 盒子的真实显示大小 = content + padding + border

3. padding:设置padding的元素和他的子元素之间的间距

 margin:设置margin的元素和他的父元素及兄弟元素之间的间距


4. 分方向显示时的属性值

paddingmargin都一样。

① 四个值都设置: 上 右 下 左

② 三个值设置了: 上 右左 下

③ 两个值设置了: 上下 右左

④ 只设置了一个: 上右下左


原创粉丝点击