父盒子的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   久居我梦  阅读(54)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示