做静态页面时遇到高度塌陷问题该如何解决呢。。。

引起高度塌陷的原因：1.父元素不设高度 2.子元素加了浮动

解决方法：1.给高度塌陷的元素添加overflow:hidden;

                  弊端：会隐藏掉超出父元素的部分

                2.给浮动的元素后面添加一个块级元素(例如：div),再给该元素设置clear属性(clear属性只对块元素生效喔！！！)

                弊端：会造成代码冗余，写代码当然也不希望有很多个空的没用的东西！

                3.完美清除高度塌陷

                代码实现：/* #box::after {

                                        content: "我不是菜鸟"; (正常里面没有字)

                                        clear: left;(清除浮动)

                                        display: block;(转成内联块元素)

                                        （如果里面有文字，height:0; 然后overflow:hidden;将溢出的内容隐藏）

                                                } */

方法给你们了，能不能解决就看自己的了~~