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

问题描述:

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

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

原代码:

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

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

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

最终实现效果:

相关推荐
IT利刃出鞘32 分钟前
HTML--最简的二级菜单页面
前端·html
yume_sibai40 分钟前
HTML HTML基础(4)
前端·html
给月亮点灯|1 小时前
Vue基础知识-Vue集成 Element UI全量引入与按需引入
前端·javascript·vue.js
知识分享小能手1 小时前
React学习教程,从入门到精通,React 组件生命周期详解(适用于 React 16.3+,推荐函数组件 + Hooks)(17)
前端·javascript·vue.js·学习·react.js·前端框架·vue3
面向星辰1 小时前
html音视频和超链接标签,颜色标签
前端·html·音视频
lxh01132 小时前
LRU 缓存
开发语言·前端·javascript
yangzhi_emo2 小时前
ES6笔记5
前端·笔记·es6
Hexene...3 小时前
【前端Vue】el-dialog关闭后黑色遮罩依然存在如何解决?
前端·javascript·vue.js·elementui·前端框架
Jay_See3 小时前
JC链客云——项目过程中获得的知识、遇到的问题及解决
前端·javascript·vue.js