綠色資源網:您身邊最放心的安(ān)全下載站! 最新軟件|熱門排行(háng)|軟(ruǎn)件分類|軟件專(zhuān)題|廠(chǎng)商大(dà)全

綠色資源網(wǎng)

技術教程
您的位置(zhì):首(shǒu)頁網頁(yè)設計HTML/CSS → 常用的2中DIV最小高度寫(xiě)法

常用(yòng)的2中(zhōng)DIV最小高度寫法

我要評論(lùn) 2009/09/15 10:24:40 來源:綠色資源網 編輯(jí):飛鳥 [ ] 評論:0 點擊(jī):387次

飛鳥以前看過一片文章介紹的是DIV的最小高(gāo)度寫法,今天給學習網頁設計的朋(péng)友們(men)介紹一下,獻醜啦!

在IE6中,使用CSS定義DIV的高度經(jīng)常遇到這個問(wèn)題,就(jiù)是當DIV的(de)最(zuì)小高度小於(yú)一定(dìng)的值以後,就會發現,無(wú)論你怎麽設(shè)置最(zuì)小高(gāo)度,DIV的高度會(huì)固(gù)定在一個值不再發生變動,這個問(wèn)題的確(què)很煩人。因為這是IE6中(zhōng),係(xì)統同默認的(de)並非是(shì)DIV默認的高度,而是你沒有(yǒu)解決一個隱藏的參數(shù):font-size。這(zhè)個是IE6中對於(yú)DIV屬性(xìng)中的(de)font-size大小和你係統CSS中(zhōng)定義的font-size有很大(dà)關係(xì),因此(cǐ)必須單獨定義這個DIV的font-size,這(zhè)樣(yàng)才能解決問(wèn)題。

第一種方法:

DIV裏可(kě)以不填任(rèn)何內容

div.space {
        height: 2px;
        font-size: 0;
}

<div class="space"></div>

第(dì)二種(zhǒng)方法:

跳過IE6中對font-size的限定,使用line-height來進行定(dìng)義,但(dàn)是DIV裏(lǐ)麵必須填寫內容(róng),如果沒有(yǒu)內容,用替(tì)換(huàn)。

div.space {
        line-height: 2px;
}

<div class="space"></div>

如果朋友們有不同(tóng)的簡介歡(huān)迎留(liú)言交流(liú)!

關(guān)鍵詞:DIV

閱(yuè)讀本文(wén)後您有什麽感想? 已有 人(rén)給(gěi)出評價!

  • 1 歡迎喜歡(huān)
  • 1 白癡
  • 1 拜托
  • 1 哇
  • 1 加油
  • 1 鄙視