不重疊的定位div

Question

我對CSS很新，所以請和我一起裸露。我在ASP.NET中有驗證控件元素，他們需要在表單標籤內才能工作，這就是爲什麼我用定位div來做愚蠢的事情，其中​​包含驗證控件，但我無法讓它工作。請檢查我的兩個圖像：

這是我目前的佈局。灰色div實際上是驗證控件的div。因爲當你看到這個網站有足夠的空間，所以我想在左側定位灰色div，就像你會看到第二個圖像。

我已經定位像上顯示圖像（屬性：頂部，左側，位置絕對的），但如果我調整瀏覽器窗口，灰色格將覆蓋中心DIV（將留在相同的地點）。檢查下面的圖片看到我的意思：

任何幫助appriciated ..

Answer 1

這是一個非常簡單的答案！給你的body一個min-width。

body { 
    min-width: 1000px; 
} 

你將不得不找出什麼棕色div和灰色div等於加上一個小房間給他們之間的空間。

如果你希望它只發生在某個頁面上，那麼使用這個java腳本if語句。

if(document.location.href === 'pageURL.com') { 
    $('body').css('min-width', '1500px'); 
} 

找到網頁的網址進入一個Web控制檯，輸入document.location.href，它會給你確切的網址。