求大佬帮我看看margin坍塌的问题
css吧
全部回复
仅看楼主
level 4
零号8u 楼主
两个相邻的margin为10px的元素，最后的两者之间距离为10px，这个好理解。
但是
镇楼
图这样得到的结果居然是两个方块顶部重合，且共同距离页面顶部50px。
期望的结果是大方框紧贴页面左上角，小方块的顶部距离大方框顶部50px，两者的左侧的重合
我知道可以BFC解决，但还是不明白图中这个结果的原因是什么，求大佬指点
2024年03月25日 16点03分 1
level 4
零号8u 楼主
还有一个问题，我在outer里加了个border，居然得到了我期望的结果，这又是为什么呢
2024年03月25日 16点03分 2
level 8
天理难容⚡
这是css特性
2024年03月26日 02点03分 3
level 1
東京油炸鬼
给父元素加一个overflow:hidden试试？
2024年06月24日 05点06分 7
level 2
小步教程
margin重叠包括两种场景：1相邻兄弟元素margin，2相邻父子元素margin。只在垂直方向。
margin重叠条件：相邻位置没有padding，border时，才重叠。
2024年06月25日 04点06分 8
1