今天无意中碰到了外边距合并的问题,于是便研究了一下。这里做个笔记。

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

  例如,这里有这样两个块元素: 

<div class="box1"></div><div class="box2"></div>

  这里给的样式是: 

iOS培训,Swift培训,苹果开发培训,移动开发培训

.box1{
    width:150px;
    height:150px;
    background:gray;
    }.box2{
    width:150px;
    height:150px;
    background:lightblue;
}

iOS培训,Swift培训,苹果开发培训,移动开发培训

  先来看一下效果:

  iOS培训,Swift培训,苹果开发培训,移动开发培训

  意料之中的,然后给.box1一个向下的外边距20px,结果为:

  iOS培训,Swift培训,苹
        
        	<div class=

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式