nesting

这篇文章挺好的，关于 css 的 margin 属性的几条使用规则： 只有垂直方向的 margin 才会 Collapse，水平方向的不会； 只有相邻的 margin 才会 Collapse，比如用 隔开两个元素，这两个元素的 margin 不会折叠； Collapse 后，大的值生效； 子元素的 margin 会和它的父元素的相邻元素 Collapse，Nesting doesn't prevent collapsing； Collapse 只对 flow layout 生效，对于 grid、flexbox 这些布局不生效，如果希望让这两种布局的元素产生间隔，可以用 gap 等属性。

无论是在丹麦或者是瑞典，整个二十世纪中期的北欧设计都很常出现三件式桌子的设计，这种桌子设计叫做 Nesting tables，也是我们常说的子母桌或者是嵌套桌。 其实 Nesting tables 最早是由英国橱柜制造商Thomas Sheraton于18世纪后期所设计。在18世纪家具都是放置在靠进墙壁，需要使用时才会移动到合适的地方，当时的人们十分盛行下午茶，仆人便会将桌椅移置房间的正中央，使用完毕之后将家具移回墙壁