在CSS中的div寬度

我在基本上充當面板容器的網頁上有一個div。我希望它：在CSS中的div寬度

有一個最小寬度1000px;因此，無論div內容有多小，它至少將面板的寬度保持爲1000px：
就最大寬度而言，它應該保持與其中的內容一樣大。所以如果一個人有一個24英寸的顯示器，並且他們想要最大化瀏覽器，它應該保持增長，直到裏面的內容沒有任何滾動條然後停止。
需要在所有瀏覽器中工作。

我該如何做到這一點在CSS？

來源

2011-03-30 leora

假設此項目是一個塊元素（即「display：block」），它應該自動調整到與其包含的元素一樣寬（在本例中爲瀏覽器窗口）。

在CSS中，只需指定「min-width：1000px」。這將在IE8 +和所有現代瀏覽器中工作。

來源

2011-03-30 18:37:57 Joshua

試試這個：

#panel 
{ 
    /* Other styles */ 
    min-width:1000px; 
    /*width:100%; - removed as it will create horizontal scrollbar if margin and padding aren't 0 as per Josh's comment.*/ 
}

但是，您將與舊的瀏覽器，如IE6不喜歡min-width啄在這種情況下，你需要使用JavaScript的問題。

來源

2011-03-30 18:37:54 Francisc

'寬度：100％'是多餘的。塊級項目總是擴展到其父項的100％。 – brad 2011-03-30 18:39:23

我建議不要明確設置100％寬度，因爲瀏覽器在添加邊距和填充等內容時會將其擰緊。只需設置顯示：塊應該處理這個。 – Joshua 2011-03-30 18:39:26

我不知道他的CSS的其他位如何。也許他會在某處覆蓋寬度。 – Francisc 2011-03-30 18:41:05

嘗試這種

#panel { 
    min-width: 1000px; 
    diplay: block; 
    overflow: hidden; }

來源

2011-03-30 18:40:26 Anjum

爲什麼我要溢出：隱藏？ – leora 2011-03-30 18:57:55

溢出隱藏的幫助全寬我們的div全屏無需滾動，如果有用戶屏幕分辨率低於我們的寬度，例如800px – Anjum 2011-03-30 19:00:49

好戲Anjum。但是，他可能希望他的用戶能夠訪問溢出的內容。在那種情況下，他需要有「溢出：自動」。 – Joshua 2011-03-30 20:18:51

在CSS中的div寬度

回答

相關問題