css: position定位問題

昨天下午遇到一個奇怪的問題:

第一層div使用了position:fixed;

第二層div使用position:relative的話,IE7裏邊設置的margin-top將失效;

===》解決方法:
           去掉第二層div裏邊的position:relative; 在第二層裏邊添加一層div層,使用position:relative; 這樣的話,IE6就有問題,所以: 需要設置第二層div的margin-top:0px; 而同時第二層內的div在其他瀏覽器的第二層div的margin-top值爲第一層div的高度,IE6瀏覽器設置爲0;


            .sencondDiv {
                margin-top: 0px;
            }
            .sencondChildDiv {
                width: 960px;
                margin: 33px auto 0;
                _margin-top: 0px;
                border: 1px solid #D5D5D5;
                position:relative;
            }


備註: 定位問題和相鄰兩個兄弟節點的寬度有關係麼?值得思考。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章