(1) 在浮动元素下方添加一个非浮动元素
父容器现在必须考虑非浮动子元素的位置,而后者肯定出现在浮动元素下方,所以显示出来
(2) 将父容器也改成浮动定位
这种方法不用修改 HTML 代码,但是缺点在于父容器变成浮动以后,会影响到后面元素的定位,而且有时候,父容器是定位死的,无法变成浮动
(3) 父容器设置 overflow: hidden 或者 auto
缺点:一个是 IE6 不支持,另一个是一旦子元素的大小超过父容器的大小,就会出显示问题
(1) 在浮动元素下方添加一个非浮动元素
父容器现在必须考虑非浮动子元素的位置,而后者肯定出现在浮动元素下方,所以显示出来
(2) 将父容器也改成浮动定位
这种方法不用修改 HTML 代码,但是缺点在于父容器变成浮动以后,会影响到后面元素的定位,而且有时候,父容器是定位死的,无法变成浮动
(3) 父容器设置 overflow: hidden 或者 auto
缺点:一个是 IE6 不支持,另一个是一旦子元素的大小超过父容器的大小,就会出显示问题