子div块中设置margin-top时影响父div块位置的解决办法

Posted sdusdu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了子div块中设置margin-top时影响父div块位置的解决办法相关的知识,希望对你有一定的参考价值。

在css中设置样式时,通常会遇到用子div块margin中设置margin-top时,父div块中就会随着子div的margin-top,也会和子div执行相同的margin-top的位置样式

解决办法1:

若子div块中使用margin-top,则在父div块中添加:overflow:hidden;

解决办法2:

若由于特殊情况不能在父div块中添加:overflow:hidden,那么在子div块中用padding-top代替margin-top;

以上是关于子div块中设置margin-top时影响父div块位置的解决办法的主要内容,如果未能解决你的问题,请参考以下文章

margin-top影响父元素定位

子元素设置margin-top影响到父级的原因及办法

求教我一个div下面嵌套了另一个div,当我设置子div的margin-top的值时,为啥父div也跟着变成

div中设置背景图片,这个div中再嵌套一个div,并且设置margin-top为啥嵌套的块会移出去

如何从父组件中设置子组件的样式?

margin-top 父div下落