CSS DIV高度不确定如何設置高度,是否需要加上height:auto屬性?
在CSS布局中,常常最外層的DIV盒子不能(néng)确定具體的height高度值,不确定内容是否可多可少而不能(néng)确定父級盒子究竟設置多高。此時一般新手喜歡設置個height:auto(高度自适應)樣式。
這裏DIVCSS5可以告訴大家,一般最外層的DIV盒子,或不确定内容(子級)占用多高時,此時對此父級DIV不需要設置height:auto,因爲默認情況下普通标簽比如(div、span、h1、p、h2等标簽)默認高度值都(dōu)是自适應(auto)。所以無需設置高度。
小結:一般情況下最外層、大盒子、不知道(dào)内容多少而無法确定高度的此類對應樣式都(dōu)不需要設置高度,因爲設置後,如果内容多了,會溢出、内容少了預留空白就(jiù)多了。
什麽時候需要設置高度?
1、最小局部。
一般較小的局部布局,需要設置高度固定其結構,此時需要設置具體高度。
2、需要限高
有時布局左右結構要想左右結構對齊情況下,需要對DIV設置高度,一般情況下此時避免内容太多超出限制高度需要設置CSS隐藏溢出内容處理。