主頁 > 知識(shí)庫 > DIV CSS網(wǎng)頁布局 最小高度（min-height）的妙用

DIV CSS網(wǎng)頁布局 最小高度（min-height）的妙用
熱門標(biāo)簽：山東電銷機(jī)器人軟件 南通電銷外呼系統(tǒng)軟件 洛陽防封卡外呼系統(tǒng)廠家 常州電話外呼系統(tǒng)招商 上海400電話辦理到易號(hào)網(wǎng) 申請(qǐng)400電話移動(dòng) 廣州防封電銷機(jī)器人廠家 智能語音電銷機(jī)器人客戶端 成都企業(yè)外呼系統(tǒng)
假定有二個(gè)BOX，我們需要它的最小高度為150PX。
CSS
div.box1,div.box2{
width: 300px;
min-height: 150px;
background: #EEE;
float: left;
margin-right: 20px;
}
xhtml
div>IE中沒保持最小高度為150px/div>
div>最小高度可以設(shè)定一個(gè)BOX的最小高度， 當(dāng)其內(nèi)容較少時(shí)時(shí)，也能保持BOX的高度為一定/div>
現(xiàn)在的效果，IE中沒保持最小高度為150px。
解決的方法
為IE設(shè)定一個(gè)高度
* html div.box1,* html div.box2{height: 150px;}
wellstyled.com 的解決方法是采用 CSS 的屬性選擇符（Attribute Selectors）
div.box1,div.box2{ ......height: 150px;}
/* IE靠這保持最小高度，超出就自動(dòng)向下延伸 */
div[class].box1,div[class].box2{height: auto;}
/* 具有類選擇符(class)屬性的DIV對(duì)象 */
IE自然又是不支持的啦，Opera 和 Mozilla 支持，讀取這個(gè)高度。可應(yīng)用場合：搜索、文章等頁面（沒采用100%高度，當(dāng)搜到的內(nèi)容較少時(shí)，不至于頁面太短。

標(biāo)簽：鶴壁 混顯 萊蕪 廣安 滄州 邵陽 貴州 賀州

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《DIV CSS網(wǎng)頁布局 最小高度（min-height）的妙用》，本文關(guān)鍵詞  DIV,CSS,網(wǎng)頁,布局,最小,高度,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《DIV CSS網(wǎng)頁布局 最小高度（min-height）的妙用》相關(guān)的同類信息！
  • 本頁收集關(guān)于DIV CSS網(wǎng)頁布局 最小高度（min-height）的妙用的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章