本人在学html+CSS,在设计一个静态网页时发现,当我给子div设置一个margin-top的属性,结果父级也跟着动,找了许多原因无果,一开始想到的是会不会</div>没裹上,但是不是,我一直用的代码补全,一对的完整的打,而且还检查过。
然后又想到可能用了浮动,但是也没有,就只能去网上找,找了后看了一篇文章,瞬间启发我了,因为我给孙级别div做浮动的时候没有做浮动清除,所以我给那个父级了一个清除浮动的属性,然后就能好好玩了,真棒
Posted xfstu
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了子元素设置margin-top影响到父级的原因及办法相关的知识,希望对你有一定的参考价值。
本人在学html+CSS,在设计一个静态网页时发现,当我给子div设置一个margin-top的属性,结果父级也跟着动,找了许多原因无果,一开始想到的是会不会</div>没裹上,但是不是,我一直用的代码补全,一对的完整的打,而且还检查过。
然后又想到可能用了浮动,但是也没有,就只能去网上找,找了后看了一篇文章,瞬间启发我了,因为我给孙级别div做浮动的时候没有做浮动清除,所以我给那个父级了一个清除浮动的属性,然后就能好好玩了,真棒
以上是关于子元素设置margin-top影响到父级的原因及办法的主要内容,如果未能解决你的问题,请参考以下文章
关于子元素的margin-top溢出和元素浮动对父元素高度影响解决方案
css如何让子元素不受父级的父级的overflow:hidden影响