DOCTYPE声明对CSS显示效果也有影响！

看下面两段代码

< html >
< head >
< style  type ="text/css" >
span, div  {
    width :  100px ;
    border :  3px outset buttonface ;
}
</ style >
</ head >
< body >
< span >< div > Hello </ div ></ span >
< span >< div > World </ div ></ span >
</ body >
</ html >

 

<! 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 >
< style  type ="text/css" >
span, div  {
    width :  100px ;
    border :  3px outset buttonface ;
}
</ style >
</ head >
< body >
< span >< div > Hello </ div ></ span >
< span >< div > World </ div ></ span >
</ body >
</ html >

两段代码不同之处仅仅是DOCTYPE的声明，但是请看看它们在IE6中的显示效果，第1段代码文字都在同一行，而第2段代码却产生了换行！而在FF中显示效果又是另一番景象……

原来我曾以为，有了CSS之后，可以抛弃表格了。但是现在发现，CSS也靠不住了。
比如我可能会写一个页面组件，使用CSS来控制布局，但是我如何知道次组件会用于何种DOCTYPE的页面的？
而且这个DOCTYPE一般人好像也不怎么关心，我原来就是这样，因为不清楚到底有些什么差别。

看来有些地方还是用表格比较合适，而且处理起来确实比div等要方便的多。在html及css没有最终统一标准的情况下，table还是能继续散发其青春活力的！