padding-bottom:100px;和margin-bottom:-100px;这两个属性可以互换吗?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

padding-bottom:100px;和margin-bottom:-100px;这两个属性可以互换吗?

a123456678 2016-05-27 15:59:31 1545

感觉这两个属性的padding-bottom:100px;和margin-bottom:-100px;作用一样。但在实际应用时总出问题?

分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:18:07

    一个是内边距,一个是外边距,怎么可能是一样呢?
    首先你得清楚盒子模型!
    想知道是否作用一样,动手写个demo不就清楚了吗?
    情况一:(使用padding-bottom:100px;)

    //html

    
    <div class="box1"></div>
    <div class="box2"></div>
    //css
    .box1,.box2{
      width: 100px;
      height: 100px;
    }
    .box1{
      background: red;
      padding-bottom: 100px;
    }
    .box2{
      background: green;
    }

    效果:
    screenshot

    0 0
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

推荐文章