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

梅問題-jQuery教學-Div高度自動延展100%
  從事網頁設計的朋友,應該會發現到一個小問題,早期在網頁還沒標準化時,應該對於高度百分百感到相當的熟悉,而這高度百分百有它方便之處,當內文少於視窗高度時,至少版會頂天立地的,但自動網頁標準化後,高度100%就不再看見了,最近好友飛肯的姜老師,寫了一隻jQ的應用程式,讓高度重拓往年100%的夢想,由於設定需動到js,梅干感到有些麻煩,就與好友男丁的相助下,完成了這隻高度100%的懶人包,各位只要直接在html中作設定,就可直接使用囉!

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,這樣就大功告成囉!這樣講各位可能還是一頭霧水,直接看下方範例最能體會。
[範例預覽]

相關文章

jQuery取得各裝置視窗實際顯示的寬度、高度

jQuery取得各裝置視窗實際顯示的寬度、高度

「Lazy Load CSS」非同步載入CSS,當網頁使用雲端字型更順暢

「Lazy Load CSS」非同步載入CSS,當網頁使用雲端字型更順暢

jQeury外掛「scroll-scope」鎖定DIV區塊滾動範圍

jQeury外掛「scroll-scope」鎖定DIV區塊滾動範圍

jQuery教學-RWD自適應導覽列多層級下拉選單

jQuery教學-RWD自適應導覽列多層級下拉選單

Google Closure Compiler壓縮器將Javascript最佳化廋身

Google Closure Compiler壓縮器將Javascript最佳化廋身





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 12 梅留言

  • 第1梅
    jou 說道:

    不好意思,我想請問如果是水平滑動的網頁因每個頁面的長寬不一,那我該如何讓網頁的下面較短的不會出現一堆空白呢?
    如http://www.wix.com/website-template/view/html/712?originUrl=http%3A%2F%2Fwww.wix.com

    回應:
    你好,在你提供的網址中,尚未看到有漏白的畫面出現,
    請問是那一個區塊會有此問題
1 3 4 5