前段時間就發現本站涂涂研版(z-blog)在手機上瀏覽本小站的時候就會發現電腦版錯位現象，以及今天博友林肆告訴我說用電腦瀏覽本站的時候：全屏不會出現css+div錯位的現象，但是窗口化的時候，尤其是拖拉瀏覽器大小的時候就會出現嚴重錯位的現象。由于昨晚上夜班，所以就想睡會，但是怎么也睡不著，算了吧，起來解決問題，于是開始解決：

1.由于不熟悉css，所以改起來有點難，也算是學習吧，在網上查找資料，功夫不負有心人，讓我找到了，我是借鑒了蘋果園子的文章：DIV+CSS讓整個網頁框架垂直居中顯示

方法：要實現功能必須先建立一個容器(margin:0px?auto;?width:900px;?position:relative;)，上下邊界設置為0，左右頁面空白自適應并且相等，可以達到橫向居中的效果

但是容器寬度是984px;關于設置position:relative;我也不理解，但是如果設置是absolute和fix時候就會出現問題，不用它時候也正常顯示頁面(我的網站頁面)，其他div屬性可以根據父級對象容器的設置子級對象屬性。

2.將css文件中關于footer的margin-left的屬性刪除。

3.修改完成后，上傳，發現以前做的簡繁體切換出現了異常，位置發生錯位了，于是找到相關屬性設置，以前設置的在原有錯位的基礎上做的(之前不知道，呵呵)，現在處理好了，于是就把以前的定位(margin-left)給刪除，使用float：right定位，保存，刷新看下。

4.問題又來了，簡繁體切換幾個字和頭部模板發生重疊現象了，于是查看頭部代碼，由于css文件使用了float了，所以使用在頭部模板文件里的簡繁體代碼后面加上一句

5.保存。刷新緩存(用全動態測試)，刷新頁面，成功了。

6.實驗，三個瀏覽器(火狐，谷歌，IE11)自由拉伸變換頁面，全通過，成功了，在這里再次謝謝博友林肆和蘋果園子的文章。

超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術人生

總結

以上是生活随笔為你收集整理的css 首字下沉 错位,css+div错位问题的修复小结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。