网页布局中解决浮动塌陷问题研究

摘要

针对DIV+CSS网页布局中由于浮动设置导致的父元素高度坍塌,即浮动塌陷问题,提出几种清除浮动的方法.从浮动布局的原理出发,首先阐述了网页中浮动塌陷导致的错误现象,分析出现浮动塌陷问题的根本原因,然后提出了设置高度属性法、内墙法、伪元素法、设置溢出属性法这四种解决浮动塌陷问题的方法,阐述各种解决方法的原理以及操作流程,分析各方法的优缺点并给出不同场景下的使用建议.