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