请教设置<ul>的background时,在ie下正常,在360急速浏览器中总是偏在文字上方,望高手支招
设置<ul>的background时,在ie下正常,在360中总是偏在文字上方,搞了一晚上一上午,没结果,不知道怎么回事,看不出来哪条css不符合标准。
前台的写法:
<div id="nav"><ul><li>a</li><li>a</li><li>a</li><li>a</li><ul></div>
我的CSS的写法:
#nav{float:left;width:990px;background:#319CE2;list-style-type:none;font-size:14px;font-weight:bold;}
结果是这个样子:
望高手支招,万分感谢!
------解决方案--------------------ul{
margin:0;
padding:0;
list-style-type:none;
}
------解决方案--------------------同时 建议你注意下你的 ul 闭合标签。</ul>
------解决方案--------------------<ul>标签都没闭合啊!亲。。。
------解决方案--------------------
加上#nav{oveflow:hidden;}试试
楼上的方法都试了吗!
------解决方案--------------------nav float了,要加clear,要不然就漂出去了。
在nav后添加:
一般浏览器:
<div style="clear:both;"></div>
在nav的父级添加:
FF
#navParent{oveflow:hidden;zoom:1;/* ie7 */}
------解决方案--------------------
margin:0;padding:0;也加上
再不行,也没办法了,在这上面也说不清,你这是你做的网站吗,能考到就好了!
------解决方案--------------------把ul和li的样式贴出来
------解决方案--------------------<style type="text/css">
.nav{float:left;width:990px;background:#319CE2;list-style-type:none;font-size:14px;font-weight:bold;}
.nav ul{list-style:none;margin:0;padding:0;}
.nav ul li{float:left;width:120px;height:30px;line-height:30px;margin:0;padding:0;border-right:2px solid #fff}
</style>
<div id="nav" class="nav"><ul><li>a</li><li>a</li><li>a</li><li>a</li></ul></div>
------解决方案--------------------
是为了清除浮动,只是写这么多是为了浏览器的兼容性,
.class{overflow:hidden;}
主要针对的是标准浏览器,如ff,chrome等等。
------解决方案--------------------
li是ul的子元素,你的写法有问题,而且重复定义太多,不推荐使用id选择器,id一般用来唯一标志一个元素用的。
你可以试下我14楼的回复,我测试没问题。