CSS網頁布局min-height的使用方法
2023-12-20 分類： 網站建設
最小高度可以設定一個BOX的最小高度，當其內容較少時時，也能保持BOX的高度為一定，超出就自動向下延伸，但到目前為止，只有Opera 和 Mozilla 支持，IE7開始也支持了，但IE7處于測試階段，等正式版發布到普及需一段也許比較長的時間，除非MS把它捆綁在某個操作系統上，如何在現有基礎上 （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>最小高度可以設定一個BOX的最小高度， 當其內容較少時時，也能保持BOX的高度為一定</div> 現在的效果，IE中沒保持最小高度為150px。 解決的方法 為IE設定一個高度 * 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 支持，讀取這個高度。可應用場合：搜索、文章等頁面（沒采用100%高度，當搜到的內容較少時，不至于頁面太短。
假定有二個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>最小高度可以設定一個BOX的最小高度， 當其內容較少時時，也能保持BOX的高度為一定</div> 現在的效果，IE中沒保持最小高度為150px。 解決的方法 為IE設定一個高度 * 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 支持，讀取這個高度。可應用場合：搜索、文章等頁面（沒采用100%高度，當搜到的內容較少時，不至于頁面太短。
文章名稱：CSS網頁布局min-height的使用方法
分享地址：http://m.2m8n56k.cn/news35/309535.html
成都網站建設公司_創新互聯，為您提供網站排名、域名注冊、定制開發、Google、品牌網站建設、網站內鏈
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- DIV+CSS常用網頁制作布局技術技巧 2023-12-20
- 成都小程序制作一個善于“會問”的小程序用來打消心中的疑慮！ 2023-12-20
- 網站建設中客戶的需求與策略分析 2023-12-20
- 抖音短視頻運營常見的5種違規行為一定要注意 2023-12-20
- 選擇成都網站優化公司的幾大理由你一定要看看 2023-12-20
- 橙子軟文：家電行業品牌營銷推廣怎么做 2023-12-20
- 網站歷史查詢-批量免費網站歷史查詢 2023-12-20
- 什么是視頻流以及它是如何工作的？為什么要為實時視頻流選擇專用服務器？ 2023-12-20
- 微信小程序是什么？開發周期受什么因素影響？ 2023-12-20
- 為什么要為SEO修復5xx錯誤？如何修復5xx服務器錯誤 2023-12-20
- 成都網站制作—模板建站對網站SEO優化有哪些影響？(成都建設網站制作) 2023-12-20
- 餐飲企業網站建設解決方案 2023-12-20
- 如何做一個外貿網站 2023-12-20
- 初識TypeScript(五) 2023-12-20
- 網站優化對于網站推廣的重要度越來越高嗎？ 2023-12-20
- 如何應用新媒體平臺來做個人的網站seo？ 2023-12-20
- 怎樣評判網頁的有效性 2023-12-20
- 怎樣建設家政服務類網站？ 2023-12-20
- 網絡廣告的設計技巧 2023-12-20