开发者社区> 问答> 正文

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

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

展开
收起
a123456678 2016-05-27 15:59:31 3270 0
1 条回答
写回答
取消 提交回答
  • 一个是内边距,一个是外边距,怎么可能是一样呢?
    首先你得清楚盒子模型!
    想知道是否作用一样,动手写个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

    2019-07-17 19:18:07
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Top 5 mistakes when wriiting a 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载