css 内边距外边距问题！

2025-01-30 15:06:14

推荐回答（2个）

回答1：

其实你要理解内边距、外边距，首先要理解盒子模型（Box Model，也称为框模型）。

想象你要显示的内容（element）被一个盒子包围住，这个盒子除了长和宽（height和width）之外，还有边框（border）。什么是内边距呢？你看上面的图，你的内容离你的边框是不是有一段距离？这段距离就是内边距。那什么是外边距呢？想象有两个盒子，两个盒子放在一起，那它们之间是不是也要有一段距离？没错，这就是外边距。

你可以分别指定上下左右四个方向的外边距和内边距，通过margin和padding可以轻松实现。

具体的例子以及更详细的说明，可以参考w3school的教程http://www.w3school.com.cn/css/css_boxmodel.asp。

回答2：

#box {
width: 70px;
margin: 10px;
padding: 5px;
}

你可以理解为，margin就是外边距，padding就是内边距。

外边距：div整体偏移多少像素

内边距：div的内容向div边框偏移多少像素

css 内边距 外边距问题！

css 内边距外边距问题！