在CSS中,min-height屬性是用來控制元素的最小高度的。min-height定義了一個元素的最小高度,即使內容沒有填滿元素,它也不會小于這個高度。
如果設置一個元素的height為auto或者百分比,它會根據內容高度來自適應高度。但是如果你想要確保元素高度不會小于一個特定值,那么就可以使用min-height屬性。
以下是設置min-height屬性的語法:
selector { min-height: value; }
這里的value可以是任何一個長度單位,如像素(px)、百分比(%)、vm、vh等等。
使用min-height屬性的一個常見實際案例是,確保頁腳位于頁面的底部。設置min-height: 100vh可以保證即便內容很少的情況下,頁腳也會在屏幕的底部。
需要注意的是,min-height屬性只對塊狀元素(如div)有效,行內元素(如span)無效。
總結一下,min-height屬性是一個很好用的CSS屬性,可以確保元素的最小高度,從而在優化布局和頁面排版上發揮重要作用。
上一篇css中清除項目符號
下一篇css中的優先執行