CSS面试题总结（更新中）

一、CSS中高度塌陷问题

• 产生的原因
         在正常的文档流中，如果没有为父元素设置高度，那么父元素的高度默认是被子元素的高度撑开的。当子元素脱离文档流之后，就无法继续撑开父元素的高度，就会导致父元素的高度塌陷。
• 造成的后果
         父元素的高度一旦塌陷，处于当前元素下面的正常文档流中的元素的位置就会上移，导致整个页面布局混乱的问题。
• 解决高度塌陷的方法

       1、给父元素一个固定的高度
       2、给父元素添加属性：overflow: hidden
       3、在浮动元素后面添加class为clear的空div元素，给这个div设置样式.clear{clear:both}
       4、给父元素添加::after伪元素来清除浮动解决元素塌陷问题
       具体详解请看本分栏中的文章