美文网首页
子元素的margin-top属性传递给父元素的问题

子元素的margin-top属性传递给父元素的问题

作者: 大菜鸟呀 | 来源:发表于2018-07-10 15:39 被阅读2次

父子嵌套的元素,margin-top是公用的,取最大的那个值

解决办法:

1、修改父元素的高度,给父元素加上padding-top

2、为父元素添加overflow:hidden

3、为父元素添加border

4、为父元素或者子元素声明绝对定位。

5、为父元素或者子元素声明浮动

相关文章

  • 子元素的margin-top属性传递给父元素的问题

    父子嵌套的元素,margin-top是公用的,取最大的那个值 解决办法: 1、修改父元素的高度,给父元素加上pad...

  • 微信小程序 设置margin-top(bottom)无效

    当给子元素设置margin-top属性时,如何父元素没有设置padding属性,即padding属性为0,那么会出...

  • 54.margin-top没有生效

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

  • day05

    A:今天学到的内容 一、margin的小问题 1、给子元素margin-top:父元素移动,子元素不移动。 解决方...

  • 子元素的 margin-top 传递给了父元素

    我们可能经常碰到这样的情况,给一个child元素加了margin-top,但是没有生效,而是传递到了父元素上。例如...

  • 子元素设置margin-top,效果到父元素上的问题

    为父元素设置内边距padding。来代替给子元素设置margin-top 为父元素设置边框border。 为父元素...

  • 影响父级的子元素溢出与子元素浮动

    1.子元素溢出 子元素溢出会影响到父级高度,子元素的margin-top/bottom的越界问题 解决方案:使用内...

  • vue-position定位

    在开发中经常会遇到当父级元素设置了margin-top,子级元素再设置margin-top时,如果子元素的值小于父...

  • 知识点五

    1、margin的一些小问题 1.1给子元素设置margin-top:父元素移动,子元素不移动 2种解决方式 例子...

  • day05

    A.我今天学到了什么 一.margin的一点小问题 1.给子元素margin-top:父元素移动,子元素不移动 解...

网友评论

      本文标题:子元素的margin-top属性传递给父元素的问题

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