首先在父级标签内添加如下 标签
然后在CSS中对该标签进行如下修饰：
#clear{
clear:both;
margin:0px;
padding: 0px;
}
优点：简单。缺点：尽量避免空的 标签。
width: 200px;
height: 200px;
border:1px solid #058f64;
优点：简单。缺点：元素有固定高度就会被限制。
overflow:hidden /*隐藏超出的部分*/
overflow：scroll /*滚动*/
优点：简单。缺点:下拉的一些场景不适用。
/*father为父类
*/
#father:after{
content:'';
display:block;
clear:both;
}
优点：不更改原来的代码。缺点：稍复杂。
Original: https://www.cnblogs.com/litecdows/p/CSS-solves-the-problem-of-collapsed-parent-border.html
Author: litecdows
Title: CSS解决父级边框坍塌的问题
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/609237/
转载文章受原作者版权保护。转载请注明原作者出处！