CSS DIV高度不確定如何設(shè)置高度

2018-01-18 13:10

CSS DIV高度不確定如何設(shè)置高度，是否需要加上height:auto屬性？
　　在CSS布局中，常常最外層的DIV盒子不能確定具體的height高度值，不確定內(nèi)容是否可多可少而不能確定父級(jí)盒子究竟設(shè)置多高。此時(shí)一般新手喜歡設(shè)置個(gè)height:auto（高度自適應(yīng)）樣式。
　　這里DIVCSS5可以告訴大家，一般最外層的DIV盒子，或不確定內(nèi)容（子級(jí)）占用多高時(shí)，此時(shí)對(duì)此父級(jí)DIV不需要設(shè)置height:auto，因?yàn)槟J(rèn)情況下普通標(biāo)簽比如（div、span、h1、p、h2等標(biāo)簽）默認(rèn)高度值都是自適應(yīng)（auto）。所以無(wú)需設(shè)置高度。

小結(jié)：一般情況下最外層、大盒子、不知道內(nèi)容多少而無(wú)法確定高度的此類對(duì)應(yīng)樣式都不需要設(shè)置高度，因?yàn)樵O(shè)置后，如果內(nèi)容多了，會(huì)溢出、內(nèi)容少了預(yù)留空白就多了。

　什么時(shí)候需要設(shè)置高度？
　　1、最小局部。
　　一般較小的局部布局，需要設(shè)置高度固定其結(jié)構(gòu)，此時(shí)需要設(shè)置具體高度。
　　2、需要限高
　　有時(shí)布局左右結(jié)構(gòu)要想左右結(jié)構(gòu)對(duì)齊情況下，需要對(duì)DIV設(shè)置高度，一般情況下此時(shí)避免內(nèi)容太多超出限制高度需要設(shè)置CSS隱藏溢出內(nèi)容處理。