2024年前端最全【CSS3】一文搞懂盒子模型（知识点加案例）(1)，Gradle源码全解析

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

外边距（margin）

==========================================================================

我们可以通过margin相关操作来实现盒子在浏览器中的移动

比如我们想让盒子向下移动20像素：

margin-top: 20px;

更重要的是，我们可以通过margin实现盒子在浏览器中居中对齐

居中对齐需要满足以下两个条件：

**1.必须是块级元素

2.盒子必须指定了宽度**

例如：