解决内边距合并方式

寵の児 提交于 2020-01-27 04:37:16

在这里插入图片描述
按照上图理想的状态应该是box距离顶端50px,box-cont距离box顶部40px。但是因为内边距会合并的问题,会导致出现下图效果
效果图
跟我们预想的不一样,怎么解决边内边距合并的问题呢?可以使用以下方法解决
1.给父元素加上 overflow: hidden;
2.给父元素一个浮动或者定位
3.给子元素一个浮动或者定位
4.给父元素加上边框(不推荐)

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!