margin塌陷是指元素的上下margin发生重叠，使得两个相邻元素的垂直margin只计算一次，从而导致margin值比预期的要小。

　　解决margin塌陷问题的方法有：

　　使用padding代替margin

　　如果相邻元素的margin会发生重叠，可以使用padding代替margin。padding的值会被计算在元素的高度中，而不会和相邻元素的padding发生重叠。

　　给父元素设置border或padding

　　当子元素的margin-top与父元素的margin-top发生重叠时，给父元素设置border或padding可以避免margin的重叠。

　　给父元素设置overflow:hidden

　　当子元素的margin-bottom与父元素的margin-bottom发生重叠时，给父元素设置overflow:hidden可以避免margin的重叠。

　　给父元素设置display:flex

　　如果父元素是flex容器，那么子元素的margin不会发生重叠。

　　使用clear属性

　　如果两个元素是浮动的，可以在第二个元素上使用clear属性，来避免margin的重叠。

　　这些方法可以解决margin塌陷问题，提高页面的布局效果。