建站知識
網(wǎng)站設(shè)計知識 網(wǎng)站建設(shè)知識 網(wǎng)絡(luò)營銷知識 微信資訊 常見問題 網(wǎng)站備案 近期客戶網(wǎng)站建設(shè)套餐
標(biāo)準(zhǔn)型網(wǎng)站建設(shè) 精美型網(wǎng)站建設(shè) 營銷型網(wǎng)站建設(shè) 高端品牌網(wǎng)站建設(shè) 電子商務(wù)型網(wǎng)站建設(shè) 行業(yè)門戶型網(wǎng)站建設(shè) 手機網(wǎng)站建設(shè) 微信網(wǎng)站建設(shè)CSS DIV高度不確定如何設(shè)置高度
來源:征帆網(wǎng)絡(luò) 作者:ymars 日期:2015-11-22
CSS DIV高度不確定如何設(shè)置高度,是否需要加上height:auto屬性?
在CSS布局中,常常最外層的DIV盒子不能確定具體的height高度值,不確定內(nèi)容是否可多可少而不能確定父級盒子究竟設(shè)置多高。此時一般新手喜歡設(shè)置個height:auto(高度自適應(yīng))樣式。
這里DIVCSS5可以告訴大家,一般最外層的DIV盒子,或不確定內(nèi)容(子級)占用多高時,此時對此父級DIV不需要設(shè)置height:auto,因為默認(rèn)情況下普通標(biāo)簽比如(div、span、h1、p、h2等標(biāo)簽)默認(rèn)高度值都是自適應(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)容處理。