demo1和demo2存在margin合并问题：

外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。

合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

弥补方案：bfc;

  添加一个父级盒子做bfc：

.wrapper{

        overflow: hidden;

}

demo：

    
                 
         123    234        
         
     
        
      
       1
      
    
     
    
         
     
        
      
       2