[转]position:fixed; 在IE9下无效果的问题

时间 2019-11-15

原文原文链接

本文转自：http://www.cnblogs.com/xinwang/archive/2013/04/06/3002384.htmlhtml

日常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>解决；this

<!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失效等多种问题：spa

但愿能够对和我遇到相同问题的有所帮助http://www.w3school.com.cn/tags/tag_doctype.aspcode