padding和margin的区别

  1. <!--
    padding与margrin的区别
    padding作用在元素的里面,拉开的距离会显示元素的背景
            margin作用在元素的外面,拉开的距离不会显示元素的背景
           
            什么时候用
            父子级元素之间的距离,通过给父级加padding来设置
            同级元素之间的距离,能通过加margin来设置
            -->
    <style>
    #content{
    width:500px;
    background:red;
    padding:100px;
    margin:100px;
     
    }
    #box{
    width:200px;
    height:200px;
     
    background:green;
     
    }
    #box2{
    width:100px;
    background:blue;
     
     
    }
    </style>
     
    </head>
    <body>
    <div id="content">
    <div id="box">
     
    </div>
    </div>
    <div id="box2"></div>
    padding和margin的区别

 

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