开发者社区> 问答> 正文

margin负边距对元素的影响

发现只有block位置发生偏移,负边距不能对inline和inline-block位置产生变化。
margin-left,margin-bottom.margin-top并没有对他们起作用

.div1{
    background:yellow;
}
.div2{
    background:red;
    margin:-10px;
}
.div3{
    background:black;
    display:inline-block;
    margin:-10px;
}
.div4{
    display:inline;
    background:white;
    margin:-10px;
}
<div class="div1">
    <div class="div4">负边距对这</div>些由文档流控制的元素的作用是,<br/>
    <div class="div3">相对定位</div>会使它们在文档流中的位置发生偏移<br/>
    <div class="div2">我是负边距</div>通过相对定位偏移后,其仍然会坚守.
</div>

发现只有block位置发生偏移,负边距不能对inline和inline-block位置产生变化。
margin-left,margin-bottom.margin-top并没有对他们起作用?

展开
收起
杨冬芳 2016-05-31 15:22:52 2166 0
1 条回答
写回答
取消 提交回答
  • IT从业

    screenshot

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

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载