float的高度塌陷问题(父对象高度为0)

当DIV中的div class="card" ,card类设置了float浮动后，那么它的父元素three_group的高度就会变成0，这样显然在统一背景下这个这个div层card看上去就跳出了范围，解决方法是
写一个伪类，放在父类的class中，这个通用

/*.CSS高度塌陷恢复伪类*/.clear_fix:after{    content: '';    display: block;    clear:both;}HTML的父类中加一个clear_fix <div class="three_group clear_fix">                        <div class="card">                            <h1 class="card_title">标题</h1>                            <p >未来相信未来相信未来相信未来</p>                        </div>                        <div class="card">                            <h1 class="card_title">标题</h1>                            <p >未来相信未来相信未来相信未来</p>                        </div>                    </div>[object Object][object Object]