欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-30 11:26:45
[css] 请描述margin边界叠加是什么及解决方案1,使用padding代替,但是父盒子要减去相应的高度2,使用boder(透明)代替(不推荐,不符合书写规范,如果父盒子子盒子时有颜色的不好处理)3,给父盒子设置overflow:hidden(如果有移除元素无法使用)4,给父盒子设置1px的padding5,给父盒子设置1px的透明border,高度减1px6,子盒子使用定位position7,子盒子浮动, 但是居中比较难以控制8,给子盒子设置display: inline-block;...

[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标签

个人简介

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

主目录

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

本文地址:https://blog.csdn.net/weixin_43392489/article/details/113813433