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

  • 开发
  • 49

问题描述：

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

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

原代码：

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

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

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

最终实现效果：

阅读全部

相关推荐

  5. css中详解盒子模型组成部分—内容区，边框，内边距，外边距

    2024-01-31 05:42:02       58 阅读

  6. CSS外边距重叠：原理、结果

    2024-01-31 05:42:02       44 阅读

  7. css外边距合并和BFC

    2024-01-31 05:42:02       33 阅读

  8. CSS中浮动float带来的高度塌陷问题及4种解决方案

    2024-01-31 05:42:02       54 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-31 05:42:02       94 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-31 05:42:02       100 阅读

  9. 在Django里面运行非项目文件

    2024-01-31 05:42:02       82 阅读

  19. Python语言-面向对象

    2024-01-31 05:42:02       91 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2024-01-31 05:42:02       85 阅读

热门阅读

  2. React 基础学习01

    2024-01-31 05:42:02       77 阅读

  4. [python+selenium]自动下载与当前浏览器驱动版本匹配的webdriver

    2024-01-31 05:42:02       52 阅读

  6. 比VS Code快得多

    2024-01-31 05:42:02       54 阅读

  18. Redis数据类型-五大基本数据类型

    2024-01-31 05:42:02       56 阅读

  24. 没学过编程语言，想要做一款游戏应该怎么做？

    2024-01-31 05:42:02       42 阅读
  27. Dragons

    Dragons

    2024-01-31 05:42:02      61 阅读

  28. 25从零开始用Rust编写nginx，序列化之serde是如何工作的

    2024-01-31 05:42:02       52 阅读