美文网首页
解决margin重叠的问题

解决margin重叠的问题

作者: 秀萝卜 | 来源:发表于2023-05-14 04:14 被阅读0次

只会上下重叠,不会左右重叠。

margin重叠有两种情况:

1、兄弟级的垂直块之间,margin这个属性上下边距,会发生重叠的情况

解决办法:float浮动或display:inline-block

2 、父子级的块之间,子级的上下margin会与父级上下margin重叠

解决办法:父级加overflow:hidden或加padding或加border,子级加position:absolute

相关文章

  • margin重叠问题

    一.什么是margin重叠现象 当两个垂直边界相遇时,它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高...

  • margin 重叠问题

    在网页制作中我们经常用到margin属性,但我们有没有注意到在设置 margin 属性时会存在重叠问题呢?我们来看...

  • CSS中常见兼容性问题及解决方案

    一、margin问题 1. 上下margin重叠问题,即给相邻的两个div设置margin-bottom和ma...

  • 2018-12-21 解决margin重叠的问题

    父子元素margin不重叠的解决办法: * 外层元素添加padding 外层元素 overflow:hidden;...

  • margin重叠

    通常特性:1.block水平元素(不包括float和absolute元素)2.不考虑writing-mode,只发...

  • margin负值的应用

    边框重叠 两个盒子的边框叠加,使得边框变粗,使用margin负值可解决 hover缺失 使用上面的margin负值...

  • margin 不能为负数

    想要重叠布局 但是margin为负数 报错 解决方法 用transform 的translate 设置平移 ```...

  • 你不知道的 CSS 秘密:margin篇

    本篇讲解的是主要是BFC 可以解决的 margin 重叠问题 ,如对你有帮助 ,请点个赞给个鼓励,谢谢~ 先来一张...

  • CSS理解之margin

    1.margin与百分比单位 2.margin重叠 margin重叠通常特性: 只发生在block水平元素(例如:...

  • 「css零碎」使用技巧

    1. 使用尽量使用padding代替margin因为BFC问题, margin上下有可能会重叠 2. positi...

网友评论

      本文标题:解决margin重叠的问题

      本文链接:https://www.haomeiwen.com/subject/ovousdtx.html