spotlight_title
ie6 對 height 讀取是以 min-height 定義的
所以當被指定 height: 150px; 的 div 的內容超過 150px 時
ie6 會自動擴大此 div

但其實這樣的讀取是錯誤的~
若是用 ie7 以及 firefox 就會發現此 div 還是堅強的維持在 150px
導致超過的內容直接壓在其他東西之上造成畫面混亂了...

所以當你希望這個區塊至少要有 150px 但是超過時要自動擴大時~
可以用以下設定,且 ie6 也可以正確讀取到~

.box {
   min-height: 150px;
   _height: 150px;
}

- 以上 -

Posted by leah at 痞客邦 PIXNET Comments(13) Trackback(2) Hits(2115)

open trackbacks list Trackbacks (2)

  • [轉錄] 筆記 / 高度設定

    ie6 對 height 讀取是以 min-height 定義的<br /> 所以當被指定 height: 150px; 的 div 的內容超過 150px 時<br /> ie6 會自動擴大此 div<br /> <br /> 但其實這樣的讀取是錯
  • 筆記│min-height & height

    我現在把改這個版遇到的問題寫在這一下,如果你有在改版也許會碰到這些問題。<br />這篇文章裡的CSS解釋網路上學來的,附有各網址在底下。(紅框部分為引用文章)<br />我

Comments (13)

Post Comment
  • Private Comment
  • 實在是太神奇...
    還是不太了解為什麼height前面還要加底線
    不過這個真的很好用!((大笑

    抄下來抄下來
  • 屬性前面加 _ 是只給 ie6 看的

    leahreplied on 2007/08/24 14:25

  • 李亞我愛妳,妳給了我要的菜!
  • 原來你要這個菜喔~

    leahreplied on 2007/08/25 14:52

  • 在不知道底線的妙用之前 我都是用!important去惡搞…XD

    底線是後來在巧空楚的某篇文章提到的一個連結學到的解法,不過對我來說比較麻煩的是我沒有長輩機器裝 IE7 看有沒有在 IE7 跑框…-__-|
  • 哈哈~ 是這樣~
    但是底線還滿常用的耶~
    ie6 太壞了
    我都會看一下~

    leahreplied on 2007/08/25 14:52

  • 後台選樣式的地方就會跑框XD

    原來底線是給IE6看的=_____=
    我也跟樓上的友人一樣,用!important XD
  • 嗯嗯~
    !important 非必要不用一定要拿出來用
    我現在比較少用..

    leahreplied on 2007/08/25 14:54

  • 這。。。底線的事情不也是人家敎你的嗎?
    很乖,有做筆記,乖寶寶章一枚蓋給你:)
    ㄎㄎㄎ
  • 哈哈哈~ 老師我要那個五個蘋果換獎品~
    (淚光閃閃)

    leahreplied on 2007/08/25 14:54

  • 好酷喔,下次教我怎麼把網誌的字變大好不好?
  • 你明明就會~

    leahreplied on 2007/08/25 14:54

  • 原來如此,
    我都不知道,
    在痞客模板的更改樣式,
    有看到此用法,
    因為不知道是啥,
    結果還是用普通的設定,
    只打height。
  • 是這樣沒有錯~
    要好好使用哈哈哈哈!!

    leahreplied on 2007/08/27 02:31

  • 所以可以用在固定高度出現捲軸是不是
    ((筆記筆記
  • 這個跟固定高度不太一樣~
    這是最小高度~ 超過就自動展開~

    leahreplied on 2007/08/28 01:47

  • 歐,李亞姐姐好棒!
  • 囧...

    leahreplied on 2007/08/28 01:47

  • 很受用呢!!剛好有遇到這問題~
    感謝筆記啊!!!(微笑)
  • 免客氣~ 我是記給自己看的...

    leahreplied on 2007/08/30 11:13

  • 哈哈...
    很顯然我沒認真在看你筆記痾dn大哥
  • 你瞧你!! 還要我親自指點~ XD
    不過新版很好看,所以饒了你~

    leahreplied on 2008/02/22 10:37

Comment Permissions: Allow commenting

Leave Comment

*Name/Nickname
E-mail
Personal Website
Comment Title
*Comment
* Private Comment