请教一个对margin的理解

发布网友发布时间：2022-05-24 04:45

共2个回答

热心网友时间：2024-03-17 01:22

你的div之间发生折叠了,可以了解BFC原理

触发BFC的方法：
1. float不为none
2. overflow不为visible
3. display设为‘table-cell’, ‘table-caption’, 或‘inline-block’
4. position既不是static也不是relative
5. zoom:1, IE的hasLayout特性会建立一个新的block formatting context

通过这几种方法可以使得外边距间不叠加

举个例子:
你可以在id="2"的div中添加样式,overflow:hidden追问真的诶，高人啊~~我在网上查了一下bfc，有了些了解，不过还有一点不太明白，您所说的div之间的折叠，这个折叠具体指的是？？？

追答之前说的不准确
其实这是外边距折叠，指的是毗邻的两个或多个外边距 (margin) 会合并成一个外边距。

参考资料：http://www.w3help.org/zh-cn/kb/006/

热心网友时间：2024-03-17 01:22

没有问题啊..我的就是显示你想要的效果= =。。
不行你上代码