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上面去了

posted on 2013-02-08 09:18  lianxin  阅读(908)  评论(0编辑  收藏  举报