美文网首页
关于高度自适应情况下的外边距

关于高度自适应情况下的外边距

作者: 浅唱南山忆 | 来源:发表于2017-03-31 21:59 被阅读0次

在盒子高度自适应 若盒子内的子元素左右浮动,那么这个盒子后面的兄弟元素会向上浮,且即使在这个兄弟元素清理浮动后,它的上面的外边距也不能正常生效(但外边距大到一定程度之后 上外边距会起一定的作用)。

解决方法1 给这个盒子加个固定的高度 在子元素只在父元素内浮动,不会干扰父元素的兄弟元素,后面的兄弟元素就不会再向上浮动,外边距也能正常使用!

解决方法2在这个盒子后面添加一个隐藏的空盒子 让这个空盒子清理浮动,从而再后面的盒子既不会向上浮动,且外边距就能正常使用。

.clearfix:after {

content: '.';

display: block;

clear: both;

height: 0;

visibility: hidden;

}

相关文章

  • 关于高度自适应情况下的外边距

    在盒子高度自适应 若盒子内的子元素左右浮动,那么这个盒子后面的兄弟元素会向上浮,且即使在这个兄弟元素清理浮动后,它...

  • css外边距重叠介绍

    介绍 外边距合并指的是,当两个垂直外边距相遇时,形成一个外边距。合并后的外边距高度等于两个发生合并的外边距的高度重...

  • 外边距合并,W3shcool中的理解

    外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度...

  • margin外边距合并问题(转自W3C)

    外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度...

  • margin合并及解决办法

    外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度...

  • 什么是外边距重叠,重叠的结果是什么?

    1.什么是外边距重叠? 外边距重叠指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等...

  • margin合并/塌陷问题

    外边距合并的几种情况 所谓的外边距合并就是,当两个垂直外边距相遇时,它们将形成一个外边距。合并的外边距的高度等于两...

  • CSS框模型

    总体 内边距 边框 外边距 外边距合并 两个外边距,当垂直相遇时,将合并成一个外边距,其高度等于较大者。 普通文本...

  • 解决高度塌陷、外边距重叠

    高度塌陷 同时解决高度塌陷和外边距重叠

  • CSS语法(外边距合并)

    外边距合并指的是:当两个垂直外边距相遇时,它们将形成一个外边框。合并后的外边距高度等于两个发生合并的外边距的较大者...

网友评论

      本文标题:关于高度自适应情况下的外边距

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