CSS：窗口大小縮小div寬度，但保持最大寬度？

我有一個大的div，1000px的寬度，我想修復擴展和收縮，如下所示：CSS：窗口大小縮小div寬度，但保持最大寬度？

如果用戶調整其瀏覽器窗口的寬度小於1000px，我想調整相應的div大小就好像當你使用width：100％時一樣）。

但是，如果用戶將瀏覽器窗口擴展爲寬度大於1000px的寬度，我希望div在達到1000px時停止生長。

我認爲最好的方法是使用width: 100%和max-width: 1000px;的組合，但這不適用於我。

任何人都可以提出一種方法來實現這一目標嗎？

我爲DIV完整的CSS是：

#panel 
{ 
    position: absolute; 
    margin-left: 342px; 
    max-width: 1000px; 
    width: 100%; 
}

來源

2013-02-26 MeltingDog

這是[小提琴]（http://jsfiddle.net/DRmtW/）。爲什麼絕對定位以及爲什麼會有餘量？你如何將它定位在頁面上？ – FakeRainBrigand 2013-02-26 01:11:05

@FakeRainBrigand謝謝生病檢查出來。保證金和頭寸與其他股票在頁面上的位置 – MeltingDog 2013-02-26 01:14:13

您可以添加更多的HTML並更新小提琴嗎？沒有理由擁有您爲#panel提供的CSS。沒有設置頂部，左側，右側或底部的絕對位置是沒有意義的。而絕對定位的餘量什麼都不做。如果它內部的東西需要相對於它定位，請將#panel設置爲'position：relative'，將那些設置爲'position：absolute'。 – FakeRainBrigand 2013-02-26 01:21:53

你有沒有考慮媒體的質疑？類似：

#panel { 
    /* ... */ 
    width: 100%; 
} 
@media all and (min-width: 1000px) { 
    #panel { 
    width: 1000px; 
    } 
}

這將施加100％的寬度爲比屏幕1000像素更窄和1000像素爲屏幕至少1000像素寬的固定寬度。

來源

2013-02-26 01:07:37

就這麼你知道，如果你刪除了'position'和'absolute'這兩行，這就是他所擁有的等價物。 – FakeRainBrigand 2013-02-26 01:24:25

CSS：窗口大小縮小div寬度，但保持最大寬度？

回答

相關問題