在使用UL和LI显示文字的时候,由于IE浏览器对LI的文字长度没有默认强制令起一行。导致如果文字超出UL设定的宽度再先有的位置上折行,造成显示问题。 解决方法: white-space:nowrap; 例子: <!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" xml:lang="zh" lang="zh" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="generator" content="Editplus4PHP" /> <meta name="keywords" content="Leo, HentStudio, Editplus4PHP, LeoPHP" /> <meta name="description" content="LeoPHP - Powered by HentStduio" /> <meta name="author" content="Leo" /> <style> div.dv { width:500px; border:1px solid red; } ul.nav { width:400px; padding:5px; border:1px solid blue; position:relative; float:left; } ul.nav li { list-style-type: none; position:relative; float:left; margin:5px 5px 0 0; white-space:nowrap; line-height:20px; } </style> <link rel="shortcut icon" href="images/favicon.ico" /> <title>Example | xHTML1.0</title> </head> <body> <ul class="nav"> <li>测试数据1、</li> <li>测试数据2、</li> <li>测试数据3、</li> <li>测试数据数据4、</li> <li>测试数据数据数据5、</li> <li>测试数据6、</li> <li>测试数据数7、</li> <li>测试数据8、</li> <li>测试数据9、</li> <li>测试数据10</li> </ul> </body> </html>