前端初学

109 阅读1分钟

所有元素全部浮动之后,父级盒子塌陷,不再能够包含所有元素。如下图,黑色边框的父级盒子已经不包含所有子级盒子

image.png

而解决盒子塌陷的办法有三种: 1:在父级div内最后面加一个空的div,添加样式 clear: both 2:(父级的class)::after{ content: ""; clear: both; display: block; }(常用) 3-:在父级加上overflow:hidden(常用)

#(父级的id){ overflow: hidden; border: 1px solid #000000; } ———————————————— 版权声明:本文为CSDN博主「junjyyds」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:blog.csdn.net/junjyyds/ar…