前言感谢 本文总结于张新旭老师授课的CSS深入理解margin课程。感谢张总的辛勤付出！CSS难学 作为前端狗，我们每天都要和网页打交道。当UI给你发设计稿的时候，CSS的知识就更重要了。然而，CSS这种标记语言却时常让我头疼：不合逻辑，充满潜规则，以至于每次做项目，大部分时间和精力都浪费在调整布局和样式上，详情点击知乎为什么CSS这么难学？问题说出了我的心声：( 可是谁叫我们吃这碗饭呢，不管怎么样，一定要迎难而上，学好CSS，向张老师学习！文字边距是一个属性性格很强的，下面，我将从各个方面来解释margin的恐怖元素尺寸的影响通常一个元素的尺寸可以分为：视觉尺寸和占用尺寸occupationsize-outerWidth(border-margin)margin对这两个size有什么影响首先这两个size都需要满足一定的条件visualsize的影响条件适用于没有设置width/height的块级元素（width和height设置死了，怎么影响呢？）不包括floatabsolutefixed元素，inlinelevels，table-cell元素只适用于水平维度（margin-left/margin-right）的影响条件占用尺寸适用于block/inline-block水平元素适用于任何方向，与宽度/高度值无关。内联元素只影响水平方向（后面会提到）影响示例margin影响元素的视觉水平尺寸。边距的视觉大小影响占用的大小。这可以说是缘分的本命，就不举例了。百分比单位一般来说，保证金的单位中，百分比单位是最晕的。普通元素的百分比边距是相对于容器的宽度计算的
