2012年2月8日 星期三

jQuery教學-重現DIV區塊高度100%的夢想

適用版本:IE8.0、Firefox3.6、Chrome、Safari
開發者:姜老師&男丁格爾&梅干扣肉 
本站下載:
 [範例下載]

設定方法:
none="true"->去除外框架的CSS相關設定,如:border、margin、padding。
_height="none"->當版型有版頭版尾時,則在版頭與版尾的div後方加上_height:=none,就會自動計算出高度將它扣除。
_height="auto"->比方中間區塊是要高度100%,就在_height的地方設成auto就會自動延展。

  其實設法很簡單,只有三個參數可設定,不計算的就把_height="none"程式就會自動扣除,若要100%高的DIV就設auto,若外圍還有使用邊框厚度,在最外圍的div設none=true,這樣就大功告成囉!這樣講各位可能還是一頭霧水,直接看下方範例最能體會。

[範例預覽]

沒有留言:

張貼留言