如何將兩個寬度添加到CSS中的一個類

我可以使用下面的代碼：

.container 
{ 

min-width:1000px; 
width:100%; 
height:100%; 
overflow:hidden; 
}

感謝

2010-06-11 Mayur

如果你可以說你想達到的目標將是有用的 – Nivas 2010-06-11 05:04:44

你的示例代碼很好。但是，如果你沒有得到預期的結果，你應該告訴我們預期的結果是什麼。 – Anthony 2010-06-11 05:06:37

由於最小寬度屬性，您示例代碼在不同瀏覽器中的行爲可能會有所不同。由於此屬性在某些瀏覽器中無法識別。 – MUS 2010-06-11 05:23:14

在單個選擇器上使用最小寬度和寬度很好，它通常是大多數流體佈局的基礎。

但是，IE6缺少對min-width屬性的支持;相反，它將「寬度」屬性解釋爲最小寬度，並且寬度將擴展到它所包含的非中斷內容所需的寬度。但從你的代碼判斷，這不會對你有所幫助，因爲任何寬度超過1000像素的內容最有可能會有中斷（單詞之間的空白等）。

如果你想讓它在IE6中工作，你可能需要合併一個javascript解決方案。

if(element.scrollWidth < 999) { 
    element.style.width = 1000; 
} else { 
    element.style.width = "100%"; 
}

注：沿着線的東西我的代碼是不是簡單的複製/粘貼的解決方案，而是一個起點，讓你割肉出局，並適用於您的特定需求。

2010-06-11 05:25:25 RussellUresti

是。你的代碼是有效的。 .container元素首先需要至少1000px，如果有更多寬度可用，則它將跨越整個屏幕寬度（由於寬度：100％）。

2010-06-11 05:07:17 Veera

感謝您的回覆，我希望我的標題應該是最小寬度：1000px和寬度：100％;我在標題中使用了黑色，它應該顯示100％;最小寬度應該是1000px，這1000px應該居中對齊 – Mayur 2010-06-11 05:24:42

是that code is fine。這意味着容器div將佔用瀏覽器的全部寬度，或1000px，以時間最長者爲準。

2010-06-11 05:08:34 nickf

IE不會除了最小寬度的css屬性，並且你的容器的寬度將等於它的父容器，即100％。雖然如果你想在IE中包含min-width屬性，那麼你需要在你的.container元素上處理你的父容器。這裏是教程http://www.webreference.com/programming/min-width/

2010-06-11 07:01:23

回答