其他分享
首页 > 其他分享> > [css] 请描述margin边界叠加是什么及解决方案

[css] 请描述margin边界叠加是什么及解决方案

作者:互联网

[css] 请描述margin边界叠加是什么及解决方案

1,使用padding代替,但是父盒子要减去相应的高度
2,使用boder(透明)代替(不推荐,不符合书写规范,如果父盒子子盒子时有颜色的不好处理)
3,给父盒子设置overflow:hidden(如果有移除元素无法使用)
4,给父盒子设置1px的padding
5,给父盒子设置1px的透明border,高度减1px
6,子盒子使用定位position
7,子盒子浮动, 但是居中比较难以控制
8,给子盒子设置display: inline-block;
9,子盒子上面放一个table标签

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

标签:叠加,盒子,padding,1px,设置,margin,css,给父
来源: https://blog.csdn.net/weixin_43392489/article/details/113813433