This code does not work properly under IE6. Is it a bug in IE6? _html/css

This code does not work properly under IE6. Is it a bug in IE6? _html/css_WEB-ITnose

WBOY

Release： 2016-06-24 12:19:04

Original

980 people have browsed it

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>

Copy after login

The above code is displayed normally in IE8 IE9 Firefox Chrome and displays as:
111 Chinese
333 444

But in Under IE6, the display becomes:
111 Chinese
333
444

That is, there is an empty position after "Chinese". If the Chinese is changed to 222, the display will be normal again.

What is going on and how to change it?

Reply to discussion (solution)

It seems that adding a height will do the trick

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

LZ’s code has Chinese, but the Chinese font is not set. Just set a font.
In addition, there is a classic BUG under IE6, the double margin caused by floating, so LI needs to add display:inline;

The code of LZ has Chinese, but the Chinese font is not set. Just set a font.
In addition, there is a classic BUG under IE6, the double margin caused by floating, so LI needs to add display:inline;

It is indeed better after setting Song font. Why, is it necessary to set fonts for Chinese?

I don’t know the specific reason, but generally the font is set by default.

Adding a height seems to be enough

ul li {
float:left;
width:40%;
margin:5px;
background-color :#cccccc;
height:20px;
} After adding it, it is indeed better, but for some unknown reason, it is only like this in IE6.

LZ’s code has Chinese, but there is no Chinese font set. Just set a font for it.
In addition, there is a classic BUG under IE6, the double margin caused by floating, so LI needs to add display:inline;

Just like div, display:inline; setting is arranged in one line

Quoting the reply from athrunzero on the 2nd floor: LZ’s code has Chinese, but there is no Chinese font set. Just set a font for it.
In addition, there is a classic BUG under IE6, which is the double margin caused by floating, so LI needs to add display:inline;

Just like div, display:inline; is set to be arranged in one line like this The problem seems to have nothing to do with the display settings.