对于块的box的margin 重叠问题：
上一个element的margin-bottom   和下面的一个element的margin-up 的值如果都为正，那么会取大的。都为负数会取最小的， 一正一负，取合值。

inline box元素的margin-bottom和margin-up对周边元素是无效的。

display: inline-block;  介于block和inline直接，可以让inline-box,不换行，margin和padding、border的属性都能生效。

https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model