关于css中的margin-top和margin-bottom的取值？

Question

一个div为margin-bottom:10px,一个div为margin-top:5px，为什么2个div之间的间距是10px而不是15px?

关于css哪方面的？为什么是10px？

Answer 1

可以看看 深入理解BFC和Margin Collapse，这篇文章，很详细！

Answer 2

margin 坍塌。。。
margin collapse
自己搜详细的讲解

Answer 3

两个margin重叠，取最大值，你可以使用padding

Answer 4

浏览器会重叠垂直外边距，使其等于兄弟块状元素的底部和顶部外边距两者中较大的一个。

你不能阻止两个兄弟块之间重叠垂直外边距。如果你想避免兄弟块状之间这种重叠效应，可以把外边距设为0并使用透明的边框或者透明的内边距来代替。边框和内边距不能折叠。

Answer 5

取最大的那个。下去好好看看书吧。

Answer 6

好好啃书吧。关于css，和css3的书轮遍边看边实践。。。

Answer 7

margin上下取最大值 左右相加

Answer 8

margin collapse
margin-top margin-bottom 中取大的。

类似问题还有第一个元素的margin-top会到父元素之外。

用透明border或者overflow解决

Answer 9

两个外边距接触融入取最大值，也就是说你下面的div的上边距已无效