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

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

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

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

- 以上 -
, , ,

Leah 發表在 痞客邦 PIXNET 留言(13) 人氣()


留言列表 (13)

發表留言
  • 悄悄話
  • yoyocat24
  • 實在是太神奇...
    還是不太了解為什麼height前面還要加底線
    不過這個真的很好用!((大笑

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

    Leah 於 2007/08/24 14:25 回覆

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

    Leah 於 2007/08/25 14:52 回覆

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

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

    Leah 於 2007/08/25 14:52 回覆

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

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

    Leah 於 2007/08/25 14:54 回覆

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

    Leah 於 2007/08/25 14:54 回覆

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

    Leah 於 2007/08/25 14:54 回覆

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

    Leah 於 2007/08/27 02:31 回覆

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

    Leah 於 2007/08/28 01:47 回覆

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

    Leah 於 2007/08/28 01:47 回覆

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

    Leah 於 2007/08/30 11:13 回覆

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

    Leah 於 2008/02/22 10:37 回覆

【 X 關閉 】

【PIXNET 痞客邦】國外旅遊調查
您是我們挑選到的讀者!

填完問卷將有機會獲得心動好禮哦(注意:關閉此視窗將不再出現)

立即填寫取消