嵌套块元素外边距塌陷问题解决方法

嵌套块元素外边距塌陷问题解决方法

小编好多次打代码遇到了设置外边距，整个大块向下移动的问题，这也就是嵌套块元素外边距塌陷问题。 今天总结了一些方法，我们一起来学习一下吧，今天全是干货哈！塌陷问题描述：父元素400400，子元素200200，父元素设置margin-top：50px；子元素设置margin-top：100px；则父元素向下移动150px。嵌套块元素垂直外边距塌陷问题，解决方案：1.给父元素添加边框，可以设置1像素边框，把颜色改为透明色。2.给父元素添加1像素内边距。3.给父元素添加overflow：hidden。4.浮动。5.固定，定位（绝对定位）。

嵌套块元素外边距塌陷问题解决方法

解决方案：1.设置边框2.添加内边距3.overflow：hidden;4.浮动5.绝对定位

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。