<li>标签在360中错位_html/css_WEB-ITnose

标签在360出现梯形错位，而在别的浏览器就没有出现问题，用纯HTML的静态页面也不会出现问题，只要加php就出问题，如果在浏览器中保存源文件重新打开也没有问题，所以实在是不知道怎么办了。

/*热门代购品牌_right*/.mid_hot{ float:left; width:970px; height:27px;  background:url(../image/rmdgpp1.png) no-repeat; margin:10px 0px ;}.mid_hot_pplogo{ float:left; width:969px; height:103px;border-left: #a2a2a2 1px solid; border-top: #a2a2a2 1px solid;overflow:hidden;}.brand_item a {display: block;width: 87px; height:50px; float:left;}.brand_item a:hover {text-decoration:none;}.brand_item a.brand_name {border-right: #a2a2a2 1px solid; border-bottom: #a2a2a2 1px solid;}.brand_item a.brand_detail {border-right: #a2a2a2 1px solid; border-bottom: #a2a2a2 1px solid;}<SCRIPT type=text/javascript>	$(document).ready(function(){                  // 判断img轮转，实现a跳转		// 推荐品牌滑动翻转效果		brandPicTurn();	});	function brandPicTurn(){		$(".brand_detail").hide();		$(".brand_item").hover(			function(){				$(this).children(".brand_name").hide();				$(this).children(".brand_detail").show();			}			, function(){				$(this).children(".brand_detail").hide();				$(this).children(".brand_name").show();			}		);	}</SCRIPT><div class="mid_hot">    <!--热门品牌-->  </div>  <div class="mid_hot_pplogo">    <ul class="ui_brands">  <?php 	$result = mysql_query("SELECT * FROM brand;");	while($row = mysql_fetch_array($result)){		echo"<li class='brand_item'><a class='brand_name' href='".$row['brandURL']."' target=_blank ><img src='".$row['brandImgOne']."' alt=''/></a><a class='brand_detail'  href='".$row['brandURL']."' target=_blank><img src='".$row['brandImgTwo']."' alt='' /></a></li>";	}?>        </ul>  </div>

回复讨论(解决方案)

ie下呢，360是最差的浏览器了

可能是 BOM 头引起的

就算360垃圾那也没办法，国内用360的还是很庞大的...

可能是 BOM 头引起的
没明白是什么意思...这个问题纠结我一上午了

可能是 BOM 头引起的 如果把charset=utf-8在360就没有任何问题了，但是chrome不能识别汉字了...求解！

html页面和php输出时都要统一编码为utf-8

问题已经解决了，charset="gbk;"就可以了

html页面和php输出时都要统一编码为utf-8 我用utf-8出错...只有gbk好像是可以的...要不文字是乱码

引用 2 楼 xuzuning 的回复:可能是 BOM 头引起的
没明白是什么意思...这个问题纠结我一上午了
要么你给出有效的 url
要么你贴全代码

像你这样只贴几个片段，怎么判错？
可能有问题的地方你正好没有贴出来