当前位置：Gxlcms > html代码 > 请教设置<ul>的background时，在ie下正常，在360急速浏览器中总是偏在文字上方，望高手支招_html/css_WEB-ITnose

请教设置<ul>的background时，在ie下正常，在360急速浏览器中总是偏在文字上方，望高手支招_html/css_WEB-ITnose

时间：2021-07-01 10:21:17 帮助过：38人阅读

设置

a
a
a
a

#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 闭合标签。

引用 3 楼 flyzq0525 的回复:

nav float了，要加clear，要不然就漂出去了。
在nav后添加：
一般浏览器:

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

nav float了，要加clear，要不然就漂出去了。
在nav后添加：
一般浏览器:

XML/HTML code
?

1

引用 4 楼 emituofo 的回复:
引用 3 楼 flyzq0525 的回复:

引用 5 楼 flyzq0525 的回复:引用 4 楼 emituofo 的回复:
引用 3 楼 flyzq0525 的回复:

#nav ul li{list-style-type:none; float:left;}
你写的样式！⊙?⊙b汗

这个

把ul和li的样式贴出来

会不会是IE8和火狐对margin、padding的兼容性解析的差异造成的，
正在查资料求证中……

a
a
a
a

把ul和li的样式贴出来

#nav{float:left;width:990px;background:#319CE2;list-style-type:none;font-size:14px;font-weight:bold;}/* 此处width设置菜单条宽度 */#nav a{display:block;text-align:center;}#nav a:link{color:#fff;text-decoration:none;}#nav a:visited{color:#fff;text-decoration:none;}#nav a:hover{color:#fff;text-decoration:none;}#nav li{float:left;display:inline-block;padding-top:10px;height:18px; *height:22px;padding-bottom:5px;padding-left:10px;padding-right:10px;border-right:2px solid #fff;list-style-type:none;}/* 此处width设置一级菜单宽度 */#nav li a:hover{background:#b3ab79;}#nav li ul{margin:0px;list-style-type:none;text-align:left;left:-960em;width:220px;border:1px;position:absolute;}/* 此处设置子菜单的宽度后，子菜单换行 */#nav li ul li{font-size:12px;width:220px;background:#9FB079;height:10px;line-height:10px;border:0px}/* 此处改子菜单的背景色、宽度、字体大小等 */#nav li ul a{display:block;width:220px;text-align:left;padding-left:6px;}#nav li ul a:link{color:#fff;text-decoration:none;}#nav li ul a:visited{color:#fff;text-decoration:none;}#nav li ul a:hover{color:#F3F3F3;text-decoration:none;font-weight:normal;height:20px;background:#C00;}#nav li:hover ul{left:auto;}#nav li.sfhover ul{left:auto;}#content{clear:left;}

是为了清除浮动，只是写这么多是为了浏览器的兼容性，

.class{overflow:hidden;}

引用 12 楼 zhang_7150 的回复:把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楼的回复，我测试没问题。

感谢楼上的几位热心朋友鼎力相助，问题基本解决，我现在小结如下，也许对和我一样的初学者有帮助：

1、 id="nav"不应该加在div上，而是直接加在外层ul上，同时，

Like

今天正好在网上找到一个很不错的下拉菜单，完全是用css实现的，不用js，很不错，我稍微加以修改，在IE8、FF、谷歌、360等浏览器下都没问题，但是不知道是哪里的问题，在IE6下，没有下拉菜单效果，望高手加以改进：

一个很不错的下拉导航菜单  Computers          Computer Parts
      USB Flash Memory
      Batteries
      USB data cable
	  Computer Hardware
	  Earphone
	  Remote Storage
	
	
  Electronics           GPS
	        Bluetooth Carkits
      Cell phones
      MP3/MP4
	  Digital Cameras
  	
	
		Toys          Games
      Remote Control Toys
      Toys by Ages
     
	
			Cameras          Digital Cameras
      Camcorders
      Batteries
      Memory Cards
  	
	
			CellPhones           Free Cellphones with Plans
      Refurbished cellphones
      Prepaid Refills
      Free Ringtones
	  Cellphone Accessories
  	
	
		Batteries           Cellphone Batteries
	  Laptop Batteries
      Digital Camera Batteries
      Camcorder Batteries
	  PDA Batteries
	  Ipod/MP3 Batteries
	  Others
	
	
		Video Games          Wii
	  Xbox 360
      PlayStation 2/PS 2
      Nintendo DS
	  PlayStation 3/PS 3
	  PSP
	  PC games
	   	  Game Console
	  	  Accessories

请教设置<ul>的background时，在ie下正常，在360急速浏览器中总是偏在文字上方，望高手支招_html/css_WEB-ITnose

回复讨论(解决方案)

人气教程排行