不讓Div相互重疊的解決辦法

2022-02-16 07:11:20 字數 1105 閱讀 4320

今天,在用不同的瀏覽器測試自己做的乙個平台時,發現了乙個比較詭異的問題。在ie下顯示正常的兩個div,在chrome下竟然發生了錯位。

2、用chrome下的除錯工具,發現問題

雖然不能解決我的問題,但是這是乙個解決div錯位的方法,也貼出來

相關鏈結

1、首先,讓我們用chrome下的審查元素功能,快速定位一下出問題的地方,以便找出他的對應的css進行分析。這個審查元素的功能還能夠很方便的幫我們辨認出乙個html控制項佔整個頁面的空間。

2、從上圖中看出了點端倪了吧?帶有國家、省、市的div塊中理論上要有兩行,但是chrome定位的大小卻只有一行。再看看對應的css

3、從控制項塊的css看,原來是height被定死了。那麼把heightx2不就行了。但是,如果螢幕的解析度又變一下,還是會錯位啊。。那麼採用相對布局吧?那麼將絕對的高度改成position:reletive。再試試。。。

4、讓我們一起分享解決問題的喜悅吧?世界終於從混沌中分清了。。。

1、chrome的審查元素是乙個好功能,能夠幫我們快速定位元素的css。

2、ie很強大,能夠自動解決布局重疊的問題。

3、介面中盡量用相對布局,以避免不同瀏覽器,不同解析度顯示的差異。

object覆蓋的div解決辦法

最近做個web專案,因為裡面有個的外掛程式,彈出對話方塊會被其遮蓋,我做了個標籤,在彈框時,把覆蓋掉,再在iframe上放個對話方塊。這是這個問題的解決思路。終於將這個問題解決掉了,我將思路分享給大家以供參考。定義和用法 定義乙個嵌入的物件。請使用此元素向您的 xhtml 頁面新增多 此元素允許您規...

Div被Select擋住解決辦法

下拉列表 bbbbbbb ccccccc ccccccc ccccccc ccccccc test0 test1 test2 test3 div被select擋住,是乙個比較常見的問題。有的朋友通過把div的內容放入iframe或object裡來解決。可惜這樣會破壞頁面的結構,互動性不大好。這裡採用...

關於FLASH遮擋DIV的解決辦法

其實flash遮擋div方法有很多,但大多數都沒有寫是為什麼遮擋了,下面是我總結的原因 可能不全,不過我現在還沒有發現在別的問題。原因也就是沒有給flash新增透明效果這個屬性。我們在標籤裡面新增如下 問題應該就解決了,並非是給z index設定值的問題。wmode transparent 有兩點要...