CSS寬度100％或最大寬度（以像素為單位）

Question

如何為寬度創建CSS規則

• 默認情況下使用100％寬度

• 如果100％寬度超過某個像素寬度（假設為512像素），則將寬度限制為此像素寬度

我不確定寬度和最大寬度關系，或者如何支持calc（）或表達這一點。 這需要使用最新的WebKit瀏覽器和Firefox 4. IE8等支持不需要

Answer 1

這實際上是max-width的預期用途。 如果元素的計算（實際） width超過max-width ，則它將被約束為最大值而不是超出它。 百分比與像素無關。

像這樣在同一規則中聲明兩者（不需要calc()函數）：

#somediv {
    width: 100%;
    max-width: 512px;
}

Answer 2

如果是塊級元素，默認情況下它應該是100％，因此不需要聲明寬度，然后max-width: 512px; 會縮減它

calc()根本不受支持，但在這種情況下，我認為你不需要它

Answer 3

div{ max-width: 512px; }

應該足夠了。