解决IE8下父容器背景图片不显示的问题

我们发现在IE8下不能显示背景图片的原因是因为子容器使用了float浮动而没有真正闭合，这也是div无法自适应高度的一个原因。如果父div没有设float而其子div却设了float的话,父div无法包住整个子DIV，这种情况一般出现在一个父DIV下包含多个子DIV。
以下是我在制作网页时遇到的一个问题：

目前，随着IE8的发布，网页兼容问题有面临一次挑战，当我们辛辛苦苦制作出的网页，在IE6、IE7下显示正常，但却在IE8下显示不正常了，可能你会说，添加一段代码，可以行的，但却有时会出现意外，比如当你为子容器添加了float后，你有为父容器添加了一个背景图片，在IE6、IE7下父容器的背景图片显示很正常，但在IE8下，父容器的背景图片不见了，怎么回事？

大家知道，现在的IE8越来越接近WEB标准了，所以对于不规范的写法他会不正常的显示，或变形、或移位、或……。

我们发现在IE8下不能显示背景图片的原因是因为子容器使用了float浮动而没有真正闭合，这也是div无法自适应高度的一个原因。如果父div没有设float而其子div却设了float的话,父div无法包住整个子DIV，这种情况一般出现在一个父DIV下包含多个子DIV。

解决办法：给父DIV也设上float，即可解决父容器下背景图片显示问题。