本文轉自：http://www.cnblogs.com/xinwang/archive/2013/04/06/3002384.html
平常DIV+CSS布局時，position屬性一般用absoulte|relative用到的比較多；昨晚在做到一個靜態網頁，在實現騰訊的空間頭部的導航欄時用到position:fixed;屬性---代碼如下：
1 <html> 2 <head> 3 <title></title> 4 </head> 5 <body style="margin:0;"> 6 <div style="position:fixed; top:0; left:0; width:100%; background-color:#234533; height:30px; dispalay:inline;"></div> 7 <div style="height:1000px;"> 8 </div> 9 </body> 10 </html>
運行發現在Google Chrome,FireFox都可以的，但是在IE9就不行了很是郁悶，因為IE6以上的版本都是支持fixed的屬性的；上網上找了好久沒找到，因為不知道關鍵字該怎么搜，最后用最笨的方法，查看源碼，一點點找最終發現以前被自己忽視的問題：HTML 里面的<!DOCTYPE>標簽。 后果斷在頭部加上<!DOCTYPE HTML>解決；
<!DOCTYPE HTML> <html> <head> <title></title> </head> <body style="margin:0;"> <div style="position:fixed; top:0; left:0; width:100%; background-color:#234533; height:30px; dispalay:inline;"></div> <div style="height:1000px;"> </div> </body> </html>
發現平常被自己忽略的問題，於是上W3SCHOOL上仔細看了下，發現DOCTYPE屬性的選擇有些時候是很重要的，會造成CSS失效等多種問題：
希望可以對和我遇到相同問題的有所幫助http://www.w3school.com.cn/tags/tag_doctype.asp