这是一个创建于 2287 天前的主题，其中的信息可能已经有所发展或是发生改变。
那天下午我跟简坐在学校操作草地上聊天
夕阳的余晖照射着我们
阳光在青草的缝隙间拉长了倒影
温暖的晚风轻拂着简刘海前的几根发丝
淡淡的发香迎面扑来，我望着远山上的烟囱。
对简说： 我觉得我们坐得太近了。感觉相距 50cm 比较好。
简一脸惊讶说：为什么啊？
我说：距离产生美啊！，坐太近，你脸上的痘印很显眼。
简生气的说：哼！那我还是离你 100 cm 比较好，你不觉得你脸上的麻子比较显眼吗？
说完，简就坐到距离我 100cm 远的地方去了，然后赌气似的把脸转到另一边去了。 我看着远方烟囱冒出的缕缕白烟,明白了一个道理，然后写下了如下 CSS 代码。
<template>
<div class="grassground">
<boy id="me"/>
<girl id="jian"/>
</div>
</template>
<style>
#me{
margin-bottom:50cm;
}
#jian{
margin-top: 100cm;
}
</style>
我们之间的距离是 100cm 而不是 100cm + 50cm = 150cm。
因为我想起了我最讨厌的 CSS Bug 级奇怪的特性，margin-top 和 margin-bottom 会出现 margin collapsing 的现象。
3 条回复 • 2018-08-26 23:23:22 +08:00
 |
1
zn 2018-08-26 22:56:23 +08:00
margin 指的是与自身边界的距离，不是与“其他对象”的距离
|
|
2
zn 2018-08-26 23:11:35 +08:00
想象一下，A 的 margin 是 10px，B 的 margin 是 20，那么 A、B 排一起的时候，A、B 距离应该是多少？ 10px ？ 20px ？都不合理，所以结果必然是 10+20=30px，这是最合理的方案。
|
Select Language