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

问题描述:

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

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

原代码:

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

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

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

最终实现效果:

相关推荐
yngsqq1 分钟前
c#使用高版本8.0步骤
java·前端·c#
Myli_ing35 分钟前
考研倒计时-配色+1
前端·javascript·考研
余道各努力,千里自同风38 分钟前
前端 vue 如何区分开发环境
前端·javascript·vue.js
软件小伟1 小时前
Vue3+element-plus 实现中英文切换(Vue-i18n组件的使用)
前端·javascript·vue.js
醉の虾1 小时前
Vue3 使用v-for 渲染列表数据后更新
前端·javascript·vue.js
张小小大智慧1 小时前
TypeScript 的发展与基本语法
前端·javascript·typescript
hummhumm1 小时前
第 22 章 - Go语言 测试与基准测试
java·大数据·开发语言·前端·python·golang·log4j
asleep7012 小时前
第8章利用CSS制作导航菜单
前端·css
hummhumm2 小时前
第 28 章 - Go语言 Web 开发入门
java·开发语言·前端·python·sql·golang·前端框架
幼儿园的小霸王2 小时前
通过socket设置版本更新提示
前端·vue.js·webpack·typescript·前端框架·anti-design-vue