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