1-24mrigin的问题

 

 
  1. <!--
            margin的问题
            1:margin传递{只有上下会传递。左右不会}
               子级会把自己的margin-top与margin-bottom传递给父级
               解决方法:给父级加上一个边框(其中一个方法)
            2:    margin上下叠压(只有上下会叠压,左右不会叠压
            上边元素的margin-bottom与下边的元素margin-top叠在一起了(他会取最大的值)
            解决方法:只用给一个元素设置margin就可以
           -->
    margin的问题
    <style>
    #box1{
    background:red;
     
    }
    #box2{
    height:50px;
    background:green;
    color:#FFFFFF;
    margin:100px 300px 
    }
    #box3{
    height:100px;
    background:yellow;
    color:#FFFF00;
    margin:100px 300px 0px 
    }
    </style>
    </head>
    <body>
    <div id="box1">
    <div id="box2">box2</div>
    <div id="box3"> box3</div>
    </div>
    mrigin的问题

 

版权所有,未经允许禁止转载,沫熙点击加我QQ:1161478487