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

问题描述:

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

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

原代码:

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

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

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

最终实现效果:

相关推荐
在星空下几秒前
Fastapi-Vue3-Admin
前端·python·fastapi
FogLetter2 分钟前
面试官问我Function Call,我这样回答拿到了Offer!
前端·面试·openai
Juchecar2 分钟前
CSS布局模式详解 - 初学者完全指南
前端
emojiwoo4 分钟前
React 状态管理:useState 与 useDatePersistentState 深度对比
前端·javascript·react.js
cxyll12348 分钟前
从接口自动化测试框架设计到开发(三)主流程封装、返回数据写入excel
前端·python·excel
D11_9 分钟前
【React】JSX基础
前端·react.js·前端框架
Ynov28 分钟前
本地存储(Local Storage)与Cookie的深度对比
前端·javascript
卓伊凡30 分钟前
复杂项目即时通讯从android 5升级android x后遗症之解决报错#6 java.net.SocketException Software caused
前端·后端
鹏程十八少31 分钟前
4. Android FrameWork之 Binder总结,深入剖析 Android Binder:从 Java 到内核的完整通信图谱
前端
PineappleCoder32 分钟前
同源策略是啥?浏览器为啥拦我的跨域请求?(一)
前端·后端·node.js