如何在瀏覽器調整大小時防止我的div重疊？

我對CSS不太好，並且遇到一些嚴重的問題。我有一個網頁：http://mrwongsdeals.com/eventsearch.html，當瀏覽器調整大小時會變得混亂。包含底部橫幅的div覆蓋了表單元素。我需要它被推下去。我曾嘗試將position = relative添加到下面的div，但後來我看到右側的滾動條。如何在瀏覽器調整大小時防止我的div重疊？

有人能用簡單的英語幫我做什麼？

來源

2011-08-23 milof

你可以在jsfiddle.net中發佈這個例子嗎？它會增加獲得幫助的機會。 –

position = absolute表示從層次結構中第一個父元素與position = relative的偏移量（頂部，左側，底部，右側），或者沒有包含position = relative的父項存在文檔本身。 .gallery div中的圖像是絕對定位的，但沒有相對定位的父元素，因此您在img元素上設置的左側頂部偏移值將從文檔的邊緣開始計算，而不是從邊緣開始計算。畫廊股利。

爲了解決這個問題，設置DIV名爲.gallery相對的位置屬性，並調整該分區中的圖像的偏移量（頂部，左等），您希望他們給他們準確定位。

來源

2011-08-23 01:32:28 buritos

很好的解釋爲什麼位置：相對應該解決問題。 –

很好的解釋，但是現在我已經完成position = relative並且如前所述，右邊有滾動條？ – milof

添加

position: relative;

到圖庫類。

來源

2011-08-23 01:17:37

順便說一句，這個頁面不是用於小型顯示器。橫幅永遠不會顯示可能與當前的CSS。 –

我正在使用專爲移動設備設計的jQuery Mobile。 – milof

我正在談論CSS。這個頁面可以以更好的方式完成。 :-) –

如何在瀏覽器調整大小時防止我的div重疊？

回答

相關問題