綠色資源網(wǎng):您身邊最放心的安全下載站! 最新軟件|熱門排行|軟件分類|軟件專題|廠商大全

綠色資源網(wǎng)

技術(shù)教程
您的位置:首頁(yè)網(wǎng)頁(yè)設(shè)計(jì)HTML/CSS → 常用的2中DIV最小高度寫法

常用的2中DIV最小高度寫法

我要評(píng)論 2009/09/15 10:24:40 來源:綠色資源網(wǎng) 編輯:飛鳥 [ ] 評(píng)論:0 點(diǎn)擊:387次

飛鳥以前看過一片文章介紹的是DIV的最小高度寫法,今天給學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的朋友們介紹一下,獻(xiàn)丑啦!

在IE6中,使用CSS定義DIV的高度經(jīng)常遇到這個(gè)問題,就是當(dāng)DIV的最小高度小于一定的值以后,就會(huì)發(fā)現(xiàn),無(wú)論你怎么設(shè)置最小高度,DIV的高度會(huì)固定在一個(gè)值不再發(fā)生變動(dòng),這個(gè)問題的確很煩人。因?yàn)檫@是IE6中,系統(tǒng)同默認(rèn)的并非是DIV默認(rèn)的高度,而是你沒有解決一個(gè)隱藏的參數(shù):font-size。這個(gè)是IE6中對(duì)于DIV屬性中的font-size大小和你系統(tǒng)CSS中定義的font-size有很大關(guān)系,因此必須單獨(dú)定義這個(gè)DIV的font-size,這樣才能解決問題。

第一種方法:

DIV里可以不填任何內(nèi)容

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

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

第二種方法:

跳過IE6中對(duì)font-size的限定,使用line-height來進(jìn)行定義,但是DIV里面必須填寫內(nèi)容,如果沒有內(nèi)容,用替換。

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

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

如果朋友們有不同的簡(jiǎn)介歡迎留言交流!

關(guān)鍵詞:DIV

閱讀本文后您有什么感想? 已有 人給出評(píng)價(jià)!

  • 1 歡迎喜歡
  • 1 白癡
  • 1 拜托
  • 1 哇
  • 1 加油
  • 1 鄙視