CSS網(wǎng)頁(yè)布局min-height的使用方法

2023-12-20 分類：網(wǎng)站建設(shè)

最小高度可以設(shè)定一個(gè)BOX的最小高度，當(dāng)其內(nèi)容較少時(shí)時(shí)，也能保持BOX的高度為一定，超出就自動(dòng)向下延伸，但到目前為止，只有Opera 和 Mozilla 支持，IE7開始也支持了，但I(xiàn)E7處于測(cè)試階段，等正式版發(fā)布到普及需一段也許比較長(zhǎng)的時(shí)間，除非MS把它捆綁在某個(gè)操作系統(tǒng)上，如何在現(xiàn)有基礎(chǔ)上（IE6 80-90%），合理、妙用最小高度了？

假定有二個(gè)BOX，我們需要它的最小高度為150PX。 CSS div.box1,div.box2{ width: 300px; min-height: 150px; background: #EEE; float: left; margin-right: 20px; } xhtml <div>IE中沒(méi)保持最小高度為150px</div> <div>最小高度可以設(shè)定一個(gè)BOX的最小高度，當(dāng)其內(nèi)容較少時(shí)時(shí)，也能保持BOX的高度為一定</div> 現(xiàn)在的效果，IE中沒(méi)保持最小高度為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)用場(chǎng)合：搜索、文章等頁(yè)面（沒(méi)采用100%高度，當(dāng)搜到的內(nèi)容較少時(shí)，不至于頁(yè)面太短。

文章名稱：CSS網(wǎng)頁(yè)布局min-height的使用方法
分享地址：http://www.bm7419.com/news35/309535.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、域名注冊(cè)、定制開發(fā)、Google、品牌網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容