li标签左浮动后，背景图片显示不出来的原因

看代码<ul style="border:1px solid #ff0000"> </ul> 只有UL  你看到的是一条线 而不是一个框 那是因为UL里面没有东西 

修改代码  加上LI

 <ul style="border:1px solid #ff0000"><li></li> </ul>  再看效果 你会看到一个框  那是因为UL里面有了LI把它给撑起来了 

如果你给LI加上浮动属性 那么LI就从UL里面浮动出来了 也就是说不在UL里面了  所以UL又变成了一根线 如果要UL的边框不跑到LI上面去  那么你得给UL定义一个高度（大于LI所占的高度就可以了） UL的边框就不会跑到LI上面去了

转载于:https://www.cnblogs.com/lianxin/archive/2013/02/08/2909138.html