常用(yòng)的2中(zhōng)DIV最小高度寫法
飛鳥以前看過一片文章介紹的是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 { <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 { <div class="space"></div> |
如果朋友們有不同(tóng)的簡介歡(huān)迎留(liú)言交流(liú)!
關(guān)鍵詞:DIV
閱(yuè)讀本文(wén)後您有什麽感想? 已有 人(rén)給(gěi)出評價!
- 1
- 1
- 1
- 1
- 1
- 1