关于不设置div高度时，背景图片或背景颜色不显示的问题

在写一个网页时，遇到div高度不定时，即高度设为auto,或者不设置时，加入的的背景图片不能显示的问题。在查阅相关资料后发现几种解决方法
出现这种情况有两个前提：
1.外部的div没有设置高度。
2.内部div浮动
解决方法：
1.最直接的方法：
给父级div直接设置高度，但这一般不是我么们想要的，因为我们的高度未定
2.清除浮动的方法：
在父级div结束之前加入一个空的div,然后清除浮动：clear：both;这样让父级div自动获取高度，代码如下：

3.在父级div加overflow属性，为hidden或者auto,但可能对页面造成影响，且该影响不确定，要多做测试，代码如下，二者取其一

4.使用after伪类
代码如下：