如何让左右相邻的margin叠加？

发布于
2016-06-24

如何让左右相邻的margin叠加？

上下垂直的好像可以叠加，左右的能不能呢？怎么叠加？

阅读 5.9k

4 个回答

sunyongjian

发布于
2016-06-25

可以叠加啊
css
`div{

        width: 100px;
        height: 100px;
        background: red;
        margin-left: 100px;
        float: left;
    }
    div:nth-child(1){
        margin-right: 100px;
    }

html `

<body>
    <div>1</div>
    <div>2</div>
</body>

发布于
2016-06-25

不能你只能自己去判断

发布于
2016-06-25

个人觉得最好用盒子模型屏蔽掉边距合并，边距合并不是和好方案，又难以准确计算，并且兼容性并不好。
另外，在CSS2的标准里，是只有上下合并，没有左右合并的。

发布于
2016-06-25

可以好好理解一下外边距合并机制。

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题