父盒子的margin继承了子盒子的margin值,如何解决该问题

1.修改父元素的高度,增加padding-top样式模拟,例如【padding-top: 1px;】。

2.为父元素添加【overflow: hidden;】样式即可(完美)。

3.为父元素或者子元素声明浮动,例如【float: left;】。

4.为父元素添加border,例如【border: 1px solid transparent;】。

5.为父元素或者子元素声明绝对定位,例如【position: absolute;】。
-----------------------------------
父盒子元素与子盒子元素之间的margin-top共享问题
https://blog.51cto.com/u_15065852/3591951

posted on 2023-02-23 10:14  久居我梦  阅读(39)  评论(0编辑  收藏  举报

导航