首页 > 其他分享 >外边距塌陷问题

外边距塌陷问题

时间:2023-03-12 13:11:59浏览次数:31  
标签:容器 top 元素 问题 塌陷 设置 外边 margin

外边距塌陷(合并):指的是垂直方向上的margin相遇,会重叠取最大值而不是两者之和。

主要有两种情况:兄弟容器之间 / 父子容器之间

解决方法:

1)兄弟容器之间,只给其中一个设置margin-bottom或margin-top

2)父子容器之间:

a.给父盒子设置overflow:hidden;

b.不用margin撑开改用父元素的padding-top撑开

c.父元素相对定位,子元素绝对定位,给子元素设置top值

d.把父元素转化为行内元素

e.让子元素浮动

f.给父元素设置透明的border-top

 

标签:容器,top,元素,问题,塌陷,设置,外边,margin
From: https://www.cnblogs.com/doubleyancode/p/17208016.html

相关文章

  • 综合案例常见问题
    1.报找不到类SqlSessionUtil或者未初始化【1】target目录下是否有该类【2】解决问题:执行maven的clean命令重构项目2.mybatis映射文件【1】映射文件中的namespa......
  • Codeforces Round #666 (Div. 2)D. Stoned Game(博弈问题)
    problemT和HL玩游戏,n堆石头,玩家轮流在石堆中选择一个(但不能是上一个人取的那堆)取一个石子一旦有一方不能取石头则判输solution统计所有石头数,如果总数小于mx(最多石头的一堆)......
  • Win10安装Ubuntu20双系统后无法引导windows问题恢复
    经常用老毛桃装系统,也装过很多次Ubuntu+windows双系统,但是对系统启动的原理却一直没搞清楚。这次就遇到了棘手的问题:装完Ubuntu之后,开机的引导选项里没有windowsbootman......
  • Android RecyclerView异步更新数据导致的崩溃问题
          AndroidRecyclerView异步更新数据导致的崩溃问题 之前写极光即时通讯UI的时候,发现的问题,今天突发奇想,来分享给大家.问题症状:如果绑定的集合List中......
  • Android WebView重定向链接无法显示的问题
    最近在网上看到一些这样的帖子,但是大多都无法解决重定向重排版链接的加载问题我这边给出一个最终解决方案,绝对比任何复杂的方式可靠何为重定向链接?当用户或​​搜索引擎......
  • 使用 MySql 遇到的问题
    1.EntityFrameworkCore连接MySql连接数据库出现以下错误:System.InvalidOperationException:Anexceptionhasbeenraisedthatislikelyduetoatransientf......
  • 1_多种参数传递问题
     1单个基本数据类型2多个基本数据类型3单个引用数据类型4map集合数据类型5多个引用数据类型接口packagecom.msb.mapper;importcom.msb.pojo.Emp;importorg.apache.ibati......
  • 1_多种参数传递问题
     1单个基本数据类型2多个基本数据类型3单个引用数据类型4map集合数据类型5多个引用数据类型接口packagecom.msb.mapper;importcom.msb.pojo.Emp;importorg.apache.ibati......
  • 系统架构设计师考试知识点整理-4:死锁问题、银行家算法、管程与线程
    死锁问题1.死锁是指多个进程之间相互等待对方的资源,而在得到对方资源之前又不释放自己的资源所造成的循环等待的现象。2.死锁产生的根本原因在于系统提供的资源少于并发进程......
  • keil在线调试STM32,点三次运行才能跑到main的问题
    遇到的问题是,在include了,并调用对象的pushback()函数,就会出现需要点击3次才能全速运行。目前解决的办法是勾选microlib选项,但会出现警告说microlib不支持C++暂不清楚这......