6浮动

塌陷是病，怎么治呢？
有两种治法。
第一种治法，除了上面的div,再做一个空的div，在该div的样式设置时，设置清除浮动

#clear{
                /* 用于清除浮动 */
                clear: both;
            }

        <div class="father">
            <div class="c1">
            </div>
            <div class="c2">
            </div>
            <div class="c3">
            </div>
            <div id="clear">
                
            </div>
        </div>

第二种治法，在father的css里，设置overflow:hidden 会触发重新计算div的高度

.father {
                width: 400px;
                /* height: 900px; */
                border: 1px solid red;
                /* 用来清除浮动 */
                overflow: hidden;
            }