CSS DIV高度不(bu)確定如何(he)設置(zhi)高度,是否需(xu)要加上height:auto屬(shu)性?
在CSS布局中,常(chang)常(chang)外層(ceng)的(de)DIV盒子不能確定(ding)具體的(de)height高(gao)度(du)值(zhi),不確定(ding)內容是否可(ke)多可(ke)少而不能確定(ding)父級盒子究竟設置多高(gao)。此(ci)時(shi)一般新手(shou)喜歡設置個(ge)height:auto(高(gao)度(du)自適(shi)應(ying))樣式。
這里DIVCSS5可以告訴大家(jia),一般外層的DIV盒子(zi),或(huo)不(bu)確定內容(子(zi)級)占(zhan)用(yong)多(duo)高(gao)(gao)時(shi),此時(shi)對此父級DIV不(bu)需(xu)要設置height:auto,因為默認情況(kuang)下普通標(biao)簽比如(div、span、h1、p、h2等(deng)標(biao)簽)默認高(gao)(gao)度(du)值都是(shi)自(zi)適(shi)應(auto)。所以無需(xu)設置高(gao)(gao)度(du)。
小結:一般情況(kuang)下(xia)外層、大盒子、不(bu)知道(dao)內(nei)容多少(shao)而(er)無法確定高(gao)度的此類對應樣(yang)式都不(bu)需要設置高(gao)度,因為(wei)設置后(hou),如(ru)果內(nei)容多了,會溢(yi)出、內(nei)容少(shao)了預留(liu)空白就(jiu)多了。
什么時候需要設(she)置(zhi)高度(du)?
1、小局部。
一般較小的(de)局部布(bu)局,需要設(she)置(zhi)高度固(gu)定(ding)其(qi)結構,此時需要設(she)置(zhi)具體(ti)高度。
2、需要限高
有時(shi)(shi)布局左(zuo)右結構要(yao)想(xiang)左(zuo)右結構對齊(qi)情(qing)況(kuang)下(xia),需要(yao)對DIV設置(zhi)高(gao)(gao)度(du),一(yi)般情(qing)況(kuang)下(xia)此時(shi)(shi)避免內容太多超出(chu)限制(zhi)高(gao)(gao)度(du)需要(yao)設置(zhi)CSS隱藏溢出(chu)內容處理。