css-子div设置margin-top后,父div与子div一起下移

梦里梦外; 2023-07-13 12:24 31阅读 0赞

这个问题发生的原因是根据规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。

再说白点就是:父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一层一层的找自己上级(父元素,祖先元素)。只要给上级设置个有效的 border或者padding就可以有效的防止它越级。

想到overflow:hidden有解决溢出,坍塌,清除浮动的能力,所以overflow:hidden 似乎是最好的解决方式。

发表评论

表情:
评论列表 (有 0 条评论,31人围观)

还没有评论,来说两句吧...

相关阅读

    相关 css+div

               div+css是web设计标准,它是一种网页布局方法。它可以实现网页页面内容与表现分离。          css是层叠样式表(Cascading St