我可以在px中爲DIV指定寬度的百分比和最小寬度嗎？

我的網頁上有一個帶有按鈕的側邊欄DIV。我擁有側欄，設置的寬度如下：我可以在px中爲DIV指定寬度的百分比和最小寬度嗎？

width: 20%;

但是當瀏覽器尺寸爲降低然後有一段時間沒有爲按鈕足夠的空間。我可以將寬度設置爲20％，但是也可以在px中指定最小值？

來源

2011-09-03 Susan

這實際上是使用'width'和'民width'在一起的非常點。 – BoltClock

是。這也很常見。玩的開心！

而且普羅蒂普：你總是可以只是嘗試找出;）

來源

2011-09-03 14:30:49 Matchu

我會忽略笑臉並斷言*試着找出*永遠不會給出**一般答案**。通過試驗和錯誤進行編程是世界上99％的劣質軟件和糟糕的網頁設計只在單一瀏覽器上工作的原因。儘可能使用（閱讀，理解，生活）硬件規格，Luke，即W3C CSS TR。 – Jens

@Jens：試錯是成功的基礎。你所說的99％只是懶得*測試*他們創造了什麼。設計和測試是兩個不同的發展階段。 – animuson

@animuson：我衷心不同意。即使經過測試，反覆試驗也無法回答「這項工作會做什麼？」它只給出了一個答案：「它對我的機器/操作系統/瀏覽器/編譯器是否適用於我正在使用的特定版本和選項？」這個答案就在**無用**旁邊。編程和設計的正確方法是遵循並使用商定的規範，對CSS來說，它是W3C CSS TR。在跨平臺兼容性方面，試驗和錯誤是無盡的挫折之路。 – Jens

使用「最小寬度」。例如， min-width: 20px;。但是，如果您希望其寬度始終至少爲所包含內容的大小，請考慮使用display: table-cell;

來源

2011-09-03 14:31:09

你的答案是更好的你加入之前'顯示：表cell'位......雖然我仍然認爲你誤解了這個問題。 – animuson

那是什麼？ – 2011-09-03 20:40:55

他想知道你是否可以一起使用它們，而不是如何使用最小寬度。另外，'display：table-cell'語句很糟糕。使用'diaply：block'好得多。 – animuson

是的。 W3C CSS recommendation通常不要求寬度和最小寬度等不同尺寸的單位相同。（不太相關旁註：你甚至可以像填充尺寸混合不同的單位，例如padding: 2px 1em;）

來源

2011-09-03 14:41:05 Jens

我可以在px中爲DIV指定寬度的百分比和最小寬度嗎？

回答

相關問題