CSS的知识点（必须看到）
1.margin的百分比计算为普通元，百分比maigin，相对于容器元素的宽度（宽度）。在这里，我们设置一个集装箱的宽度为800×600在画面之外。设置img { margin: 10%；}
给出如下结果
U3000
因此，边际价值是800 * 10% = 80px；这里是容器的宽度计算相对于容器的宽度。说三次
2。绝对定位maigin值百分比
计算相对于第一位置的祖先元素的宽度值。这是父母的宽度= 1000px。，所以利润= 100px；
三.可以使用余量来实现2:1的适应
例如，有两个容器。
这里没有指定箱子的高度，因为边缘50%。他的高度是父亲容器的一半，所以高宽比是1:2；
4。为什么重叠4。边缘
（a）保证金重叠的两个特点
它只发生在块的级别元素上（不包括浮点元素和绝对元素）。
它不认为写模式（书面形式）只发生在垂直方向（margin-top底部）
B）发生了什么事
1 >相邻的兄弟关系元素
2个父元素的第一个和最后一个子元素
3 >空块。
邻近兄弟会的一个例子
这里有两个兄弟会元素。
在这两个P之间只有一个，没有两个。因为第一个边的底部和第二个边缘重叠。
示例两个父元素和最后一个子元素的叠加
该80px边距值是离开了传统理论的儿子和父元素的父亲之间。但事实上，儿子的背景元素不改变不离开80px；
这只是一个80px设置父元素。
父子双方边界重叠的条件
那么，你如何摆脱顶部重叠的边缘呢
只要不允许这些条件。
父元素添加溢出：隐藏；边框顶部填充顶部（在它们之间添加空格）；
示例三空块元素的边界重叠。
注意没有内容的空元素。空元素的边界重叠条件
4保证金重叠计算规则。
一）正取大价值
b）正和负值的加法
C）做最消极的事。
5的意义。边缘重叠
连续的段落或列表，如1:2，如果没有重叠和结束，似乎是不协调的。
B）嵌套或直接放置div在Web中的任何位置都不会影响原始布局。
左空任意P元素不影响原读布局
实际应用
在制作列表时，控制每个列表的距离。
.list{
Margin-top: 15px;
边距：15px；
}
更健壮的，即使最后一个被移除也不会影响布局。
的CSS知识点上面的边缘是萧边分享给你的全部内容。我希望能给你一个参考，希望你能支持它。