高度屬性CSS

height屬性和max-height屬性有什麼區別。可以理解的是，如果我們將max-height設置爲50px，那麼元素的高度不會超過50px。但是，如果我們只將高度設置爲50px，那麼高度也將保持爲50px。有什麼不同？高度屬性CSS

來源

2014-03-28 user3447875

這基本上就是你說的。高度爲50px的div始終爲50px高。

最大高度爲50px的div可以小於50px高，但是當它內部的內容將其壓低時，div的高度不會超過50px。

來源

2014-03-28 03:24:50

並且如果它超過了元素的最大高度，我們是否必須通過溢出屬性或什麼來控制它？ – user3447875

正確。一旦一個元素達到其最大高度，您將需要決定如何處理溢出，就像它有一個設定的高度。 –

假設你有一個ID爲my_block的div塊。 MAX_HEIGHT穿上可設置的最大允許高度上限：

#my_block{ 
    width:20px; 
    height:60px; // You can try to set the height to 60px, but the max-height of 50px won't let you... 
    max-height:50px; 
    border:1px; 
    border-style:solid; 
}

來源

2014-03-28 03:27:18 RichS

也許最容易理解的行爲是使用JSFiddle（或類似網站）上的屬性高度和最大高度 – RichS

高度設置爲50像素是偉大的，但它沒有適應頁面。

改爲將高度設置爲100％意味着它將在具有不同屏幕尺寸的不同設備上顯示不同的高度，並且會更具適應性。

設置最大高度設置，最大高度爲50px將保持適應性，但始終低於50px。

例如，將高度設置爲480px在iPhone上看起來不錯，但它在筆記本電腦上看起來會超小。如果將高度設置爲100％，它將填充屏幕上的兩個：D

來源

2014-03-28 03:28:23 Zachooz

RichS還有另一個很好的示例。 – Zachooz

回答

相關問題