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

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

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

假定有二個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è)定一個BOX的最小高度， 當(dāng)其內(nèi)容較少時時，也能保持BOX的高度為一定</div> 現(xiàn)在的效果，IE中沒保持最小高度為150px。 解決的方法 為IE設(shè)定一個高度 * html div.box1,* html div.box2{height: 150px;} wellstyled.com 的解決方法是采用 CSS 的屬性選擇符（Attribute Selectors） div.box1,div.box2{ ......height: 150px;} /* IE靠這保持最小高度，超出就自動向下延伸 */ div[class].box1,div[class].box2{height: auto;} /* 具有類選擇符(class)屬性的DIV對象 */ IE自然又是不支持的啦，Opera 和 Mozilla 支持，讀取這個高度?？蓱?yīng)用場合：搜索、文章等頁面（沒采用100%高度，當(dāng)搜到的內(nèi)容較少時，不至于頁面太短。

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

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

廣告

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

h5響應(yīng)式網(wǎng)站建設(shè)