日期:2014-05-17  浏览次数:20581 次

HTML中的DTD问题,请教各位大侠
我写了一段HTML代码,没有加DTD之前,在IE8中显示很正常,但是加了DTD之后,在IE8中显示效果就有点错位,是什么原因啊,怎样让加了DTD之后的代码显示正常呢?
以下是我的HTML代码:
HTML code

<html>
<head>
<style type="text/css"> 
#first{width:350px;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#second ul{list-style-type:none;}
</style>
</head>
<body>
 <div id="first">
  <ul>
    <li>客场挑战目前只取得7胜8负的福建队新疆队却在进</li>
    <li>客场挑战目前只取得7胜8负的福建队新疆队却在进</li>
    <li>客场挑战目前只取得7胜8负的福建队新疆队却在进</li>
    <li>客场挑战目前只取得7胜8负的福建队新疆队却在进</li>
  </ul>
 </div>
 <div id="second">      
  <ul>   
      <li>[12.27]</li>
      <li>[12.27]</li>
      <li>[12.27]</li>
      <li>[12.27]</li>
  </ul>
 </div>
</body> 
</html>


以下是我的DTD声明:
HTML code

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd">




------解决方案--------------------
#second ul{list-style-type:none;float:left;}
看看这样是不是你要的效果~
大家一起学习~
------解决方案--------------------
#first{width:350px;float:left;}
#first li{width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#second{float:left;}
#second ul{list-style-type:none;}