这段代码在IE6下不正常，是IE6的bug么？_html/css

回复讨论(解决方案)

집

웹 프론트엔드

HTML 튜토리얼

这段代码在IE6下不正常，是IE6的bug么？_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:19 PM

ie6

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>test</title><style type="text/css">ul { width:200px;LIST-STYLE-TYPE: none; } ul li { float:left;width:40%;margin:5px;background-color:#cccccc;</style></head><body>						<ul>				<li><a href="#" target="_blank">111</a></li>				<li><a href="#">中文</a></li>				<li><a href="#" target="_blank">333</a></li>				<li><a href="#" target="_blank">444</a></li>											</ul>		</body></html>

로그인 후 복사

以上代码，在IE8 IE9 Firefox Chrome均成正常显示，显示成：
111 中文
333 444

但在IE6下，显示成了：
111 中文
　　 333
444

即在“中文”后面空了一个位置。如果把中文改成 222 ，则又显示正常。

这是怎么回事，如何改？

回复讨论(解决方案)

加个height好像就可以了

ul li {
    float:left;
    width:40%;
    margin:5px;
    background-color:#cccccc;
     height:20px;
}

LZ 的代码有中文，但是没有设置中文的字体，给它设置个字体就行了。
另外在 IE6 下有个经典的 BUG，浮动产生的双倍边距，所以 LI 需要加上 display:inline;

LZ 的代码有中文，但是没有设置中文的字体，给它设置个字体就行了。
另外在 IE6 下有个经典的 BUG，浮动产生的双倍边距，所以 LI 需要加上 display:inline;

设了宋体之后确实好了。为什么啊，中文必须设置字体吗？

具体原因我也不清楚，不过一般性都会默认设置字体吧。

加个height好像就可以了

ul li {
    float:left;
    width:40%;
    margin:5px;
    background-color:#cccccc;
    height:20px;
} 加了之后确实好了，就是不知什么原因，只有IE6如此。

LZ 的代码有中文，但是没有设置中文的字体，给它设置个字体就行了。
另外在 IE6 下有个经典的 BUG，浮动产生的双倍边距，所以 LI 需要加上 display:inline;

就像div，display:inline;设置排列在一行

引用 2 楼 athrunzero 的回复:LZ 的代码有中文，但是没有设置中文的字体，给它设置个字体就行了。
另外在 IE6 下有个经典的 BUG，浮动产生的双倍边距，所以 LI 需要加上 display:inline;

就像div，display:inline;设置排列在一行我这个问题和display设置好像没有关系。

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.