前端_关于CSS中外边距塌陷问题

问题描述:

当子级块级元素修改带动父级块级元素整体向下移动

我们希望当自级块级元素修改时,父级元素保持不动,解决方法有三个:

原代码:

方案一:为父级元素添加一个内边距

方案二:为父级元素添加overflow:hidden

方案三:为父级元素添加一个透明的上边框,

最终实现效果:

相关推荐
Hao_Harrision9 分钟前
50天50个小项目 (React19 + Tailwindcss V4) ✨| RangeSlider(范围滑块组件)
前端·typescript·react·tailwindcss·vite7
CC码码10 分钟前
不修改DOM的高亮黑科技,你可能还不知道
前端·javascript·面试
虚诚12 分钟前
vue2中树形表格怎么实现
前端·javascript·vue.js·ecmascript·vue2·树形结构
一半醒32 分钟前
学习小记1:移动端css适配相关问题
css
wuhen_n32 分钟前
Promise与async/await
前端
LYFlied34 分钟前
前端路由核心原理深入剖析
前端
用户190176844786534 分钟前
vue3规范化示例
前端
用户190176844786536 分钟前
Git分支管理与代码合并实践:保持特性分支与主分支同步
前端
没有鸡汤吃不下饭1 小时前
前端打包出一个项目(文件夹),怎么本地快速启一个服务运行
前端·javascript
liusheng1 小时前
Capacitor + React 的 iOS 侧滑返回手势
前端·ios