美文网首页
54.margin-top没有生效

54.margin-top没有生效

作者: yaoyao妖妖 | 来源:发表于2019-02-28 17:50 被阅读0次

问题:在设置

   <div class="imagewrapper-class">
     <div class="bchart-class"></div>
   </div>
.bchart-class {
 margin-top: 40px;
}

在设置 :margin-top时,发现父元素和子元素一起下移了40px,而且父元素和子元素的上边框重合了。
原理:
一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。
解决办法:

1.为父元素设置border
2.在父div里面设置了padding-top
3.在父div里面设置 display: flex

相关文章

  • 54.margin-top没有生效

    问题:在设置 在设置 :margin-top时,发现父元素和子元素一起下移了40px,而且父元素和子元素的上边框重...

  • 六月份的万卡已到账

    PS:我刚刚点赞发现万卡怎么没有生效呢?这是个假万卡吧囧。已生效和待生效的里头都没有。 前天才刚刚在雪天那里蹭了她...

  • LayoutParam 高低版本兼容问题一则

    背景 demo code 图一(margin没有生效) 图二 (margin生效) 源码分析 使用原生模拟器,分别...

  • SpringBoot + SpringCloud的爬坑之旅

    1,application.yaml中配置没有生效问题解决 如果配置文件确认没有错误但是没有生效首先是要到编译目录...

  • 2019-12-12

    element-ui首次进入页面css不生效,重新刷新才生效的问题。 页面中没有使用...

  • css module在react中多个类名引用

    问题描述: 此时发现,class_a和class_b都没生效,用逗号隔开也没有生效。解决方法:

  • git 中.gitignore文件不生效

    .gitignore文件 新增忽略文件并没有生效 新增的忽略文件没有生效,是因为git是有缓存的,而之前的文件在缓...

  • Ubuntu 20.04 修改 ulimit

    临时生效 永久生效

  • 7.0对广播的限制

    网络变化的广播注册到xml中将不再生效,但是动态注册的依然生效,当然前提是context没有被杀死 ACTION_...

  • Android O 自定义主题无效

    今天遇到个问题, 修改系统APP的Theme相关,目标APP试了好多次都没有生效,其他相同的设置APP可以生效,该...

网友评论

      本文标题:54.margin-top没有生效

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