日期:2014-05-17  浏览次数:20636 次

请教设置<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>标签都没闭合啊!亲。。。
------解决方案--------------------
引用:
引用:<ul>标签都没闭合啊!亲。。。

这里是笔误

css我是闭合的,但是还是不行

加上#nav{oveflow:hidden;}试试
楼上的方法都试了吗!
------解决方案--------------------
nav float了,要加clear,要不然就漂出去了。
在nav后添加:
一般浏览器:
<div style="clear:both;"></div>

在nav的父级添加:
FF

#navParent{oveflow:hidden;zoom:1;/* ie7 */}

------解决方案--------------------
引用:
引用:引用:
引用:<ul>标签都没闭合啊!亲。。。

这里是笔误

css我是闭合的,但是还是不行
加上#nav{oveflow:hidden;}试试
楼上的方法都试了吗!

加了overflow:hidden;也不起作用

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等等。
------解决方案--------------------
引用:
引用:把ul和li的样式贴出来

CSS code?12345678910111213141516#nav{float:left;width:990px;background:#319CE2;list-style-type:none;font-size:14px;font-weight:bold;}/* 此处width设置菜单条……


li是ul的子元素,你的写法有问题,而且重复定义太多,不推荐使用id选择器,id一般用来唯一标志一个元素用的。
你可以试下我14楼的回复,我测试没问题。