今天，在用不同的瀏覽器測試自己做的一個平台時，發現了一個比較詭異的問題。在IE下顯示正常的兩個DIV，在Chrome下竟然發生了錯位。
在IE下顯示正常
Chrome下，錯位了...
讓我們仔細看一下不和諧的現象
解決的思路：
1、百度一下（為什么不同的DIV會重疊）
2、用Chrome下的調試工具，發現問題
那些百度上的答案
雖然不能解決我的問題，但是這是一個解決DIV錯位的方法，也貼出來
自己動手分析了
1、首先，讓我們用Chrome下的審查元素功能，快速定位一下出問題的地方，以便找出他的對應的Css進行分析。這個審查元素的功能還能夠很方便的幫我們辨認出一個HTML控件占整個頁面的空間。
2、從上圖中看出了點端倪了吧？帶有國家、省、市的Div塊中理論上要有兩行，但是Chrome定位的大小卻只有一行。再看看對應的Css
3、從控件塊的Css看，原來是Height被定死了。那么把HeightX2不就行了。但是，如果屏幕的分辨率又變一下，還是會錯位啊。。那么采用相對布局吧?那么將絕對的高度改成Position:Reletive。再試試。。。
4、讓我們一起分享解決問題的喜悅吧？世界終於從混沌中分清了。。。
總結:
1、chrome的審查元素是一個好功能，能夠幫我們快速定位元素的CSS。
2、IE很強大，能夠自動解決布局重疊的問題。
3、界面中盡量用相對布局，以避免不同瀏覽器，不同分辨率顯示的差異。