【HTML、CSS教學】8.固定高度

🚩固定高度

一般並不會把高度給固定寫死，否則當裡面的內容資料超出高度時，顯示出來的效果就會不如預期。

🚩CodePen範例

CodePen連結

.box1 給了一個固定的高度 height: 50px
當裡面的文字數量超過他指定的高度時，就會有部分文字超出底色的範圍，這樣的效果並不是我們想要達到的。

.box2 的作法是不寫一個固定高度，所以.box2會依據內容物的大小自適應的調整範圍。
若是再加上 padding: 10px 的向內推擠，在文字閱讀上的呈現效果會更好。