•  
    做網站知識

    如何巧妙運用CSS布局中最小高度(min-height)

    新聞資訊 發布時間2011.6.5.瀏覽數:2389

    廣州網站設計,專業網站設計

    廣州網站設計,專業網站設計

    最小高度可以設定一個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%高度,當搜到的內容較少時,不至于頁面太短。

     

    三行網絡_廣州網站改版公司 ——網頁細節精細制作!秉承以高品質網頁設計,豐富的網站制作經驗和高超創意的建網站水平,根據您的企業的行業類型和產品特點設計出更加商業化,以優秀的視覺效果為您量身打造經典的企業網站形象,為廣大商業客戶搭起“雙贏之橋”。

    此文《如何巧妙運用CSS布局中最小高度(min-height)》由三行網絡公司原創,轉載請保留原文鏈接,謝謝!
    關鍵詞標簽:廣州網站設計,專業網站設計    (PC+手機)響應式網站建設

    15989229398(微信咨詢)

    專業做網站 · ¥明碼實價!


    匠心打造精品,用心成就經典!攜手客戶共創雙贏!
    ? Copyright 廣州三行網絡科技有限公司
    粵ICP備案號:09210325

    本免费av无码专区一区