为什么我设置了#box1{margin-bottom:30px;} #box2{margin-top:30px;}两个,但结果跟一个设置一样,中间不加倍空?

来源:12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距(填充)

山窗幽梦

2015-10-31 23:03

为什么我设置了#box1{margin-bottom:30px;} #box2{margin-top:30px;}两个,但结果跟一个设置一样,中间不加倍空?

写回答 关注

1回答

  • pardon110
    2015-11-03 09:17:48

    关键:CSS垂直外边距合并规则   详情参阅地址

    外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。


初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225806 学习 · 18234 问题

查看课程

相似问题