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)容較少時，不至于頁面太短。
假定有二個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://m.rwnh.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)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- DIV+CSS常用網(wǎng)頁制作布局技術(shù)技巧 2023-12-20
- 成都小程序制作一個善于“會問”的小程序用來打消心中的疑慮！ 2023-12-20
- 網(wǎng)站建設(shè)中客戶的需求與策略分析 2023-12-20
- 抖音短視頻運營常見的5種違規(guī)行為一定要注意 2023-12-20
- 選擇成都網(wǎng)站優(yōu)化公司的幾大理由你一定要看看 2023-12-20
- 橙子軟文：家電行業(yè)品牌營銷推廣怎么做 2023-12-20
- 網(wǎng)站歷史查詢-批量免費網(wǎng)站歷史查詢 2023-12-20
- 什么是視頻流以及它是如何工作的？為什么要為實時視頻流選擇專用服務(wù)器？ 2023-12-20
- 微信小程序是什么？開發(fā)周期受什么因素影響？ 2023-12-20
- 為什么要為SEO修復(fù)5xx錯誤？如何修復(fù)5xx服務(wù)器錯誤 2023-12-20
- 成都網(wǎng)站制作—模板建站對網(wǎng)站SEO優(yōu)化有哪些影響？(成都建設(shè)網(wǎng)站制作) 2023-12-20
- 餐飲企業(yè)網(wǎng)站建設(shè)解決方案 2023-12-20
- 如何做一個外貿(mào)網(wǎng)站 2023-12-20
- 初識TypeScript(五) 2023-12-20
- 網(wǎng)站優(yōu)化對于網(wǎng)站推廣的重要度越來越高嗎？ 2023-12-20
- 如何應(yīng)用新媒體平臺來做個人的網(wǎng)站seo？ 2023-12-20
- 怎樣評判網(wǎng)頁的有效性 2023-12-20
- 怎樣建設(shè)家政服務(wù)類網(wǎng)站？ 2023-12-20
- 網(wǎng)絡(luò)廣告的設(shè)計技巧 2023-12-20