子div使用了浮动(float属性)后出界的解决方法
给文章显示设置了边框后发现子div内容超出边框,就这么简单的问题让我折腾了三个小时,怎么设置子div都会超出边框,最后发现原因是我在子div使用了fload属性,是它导致父级div无法正确计算其高度,出现了超出边框问题。
为了解决这个问题,可以在父级div中添加一个清除浮动的元素,代码如下:
.parent-div {
overflow: hidden; /* 或者 overflow: auto; */
}
.divclass::after {
content: "";
display: table;
clear: both;
}