CSS 中,margin 指定元素与周围元素的距离,padding 指定元素内容与元素边界的距离。两者默认值均为 0,margin 影响元素边框之外的区域,而 padding 影响边框之内区域。

CSS 中 margin 和 padding 的区别
开门见山:
margin 和 padding 是 CSS 中用于控制元素周围空间的两个不同的属性。margin 规定元素与周围元素或浏览器的边界的距离,而 padding 规定元素内容与元素边界的距离。
详细解释:
立即学习“前端免费学习笔记(深入)”;
MALL的中文含义是购物中心,是区别于专卖店和百货公司的一个流行的商业模式,MALL里面是各个独立商家,自由自主的定价,各自管理自己的供销渠道和客户关系。电子商务的MALL模式其实就是对B2C业务模式做了多主体的扩展和延伸。目前具有代表性的电子商务MALL模式就是淘宝商城。比如淘宝电器城,他们的模式更像是做房地产的,阿里巴巴有着繁华的互联网商业物业,只是开了一个名字叫淘宝电器城的大市场而已,没有任
margin
- 指定元素与周围元素或浏览器边缘的距离。
- 可以有四个值(上、下、左、右),或一个值应用于所有四个方向。
- 默认值为 0。
- 正值会使元素远离周围元素,而负值会使其靠近周围元素。
padding
- 指定元素内容与元素边界的距离。
- 也可有四个值,或一个值应用于所有四个方向。
- 默认值为 0。
- 正值会使元素内容远离边框,而负值会使其靠近边框。
区别总结:
| 特性 | margin | padding |
|---|---|---|
| 作用 | 控制元素与周围元素的距离 | 控制元素内容与元素边界的距离 |
| 默认值 | 0 | 0 |
| 影响的内容 | 元素边框之外的区域 | 元素边框之内的区域 |









