MySQL 5.6 (Win7 64位)下載、裝置與設置裝備擺設圖文教程。本站提示廣大學習愛好者:(MySQL 5.6 (Win7 64位)下載、裝置與設置裝備擺設圖文教程)文章只能為提供參考,不一定能成為您想要的結果。以下是MySQL 5.6 (Win7 64位)下載、裝置與設置裝備擺設圖文教程正文
頁腳的地位成績
網頁的頁腳(footer),也就是平日用來放置贊助鏈接及版權信息的處所。頁腳天然是應當位於頁面底部的,但按照普通的做法,假如位於頁腳之前的網頁內容比擬少,或許說應用了一個垂直分辯率較年夜的顯示器,就有能夠湧現頁腳看起來不在頁面底部的情形,以下圖。
因為頁腳根本上是一個網站的一切頁面公用的部門,分歧頁面的內容量有所差別,是以確切有能夠某些頁面內容不敷而湧現如許的成績。別的,特別是包括了底色的頁腳,產生這類成績會很影響雅觀。
所以,我們願望頁腳可以或許不管網頁內容量若干,都精確位置於底部。
固定頁腳究竟部的辦法
相對定位可行嗎?
或許有人想到過把頁腳設置為position:fixed,然後定位在底部。先不斟酌不支撐這個屬性值的IE6,從後果上說,假如網頁自己內容就很充分,如許的寫法就會讓頁腳一開端就湧現在閱讀器的底部,而在轉動網頁時,頁腳會一向堅持原地位。如許的後果,明顯對年夜部門的網站都是不合適的。
可以想見,我們須要的後果是:
網頁內容較多時,在轉動究竟部的時刻才看到位於最下方的頁腳。
網頁內容較少時,頁腳依然位於全部頁面的最下方,其他部門留白。
慣例、簡略的完成辦法
CSS Sticky Footer供給了這個固定頁腳在底部的公道的完成辦法。不外一方面這是一個英文站點,另外一方面它所供給的寫法還存在些允許以改良的處所,所以本文會參考它的內容,給出一個公道的完成辦法。
起首須要如許一個html構造:
div.wrapper是網頁中除頁腳以外的一切內容的外層容器,頁腳div.footer和它位於統一層級。div.footer_placeholder必需放在網頁一切內容的最初,即作為div.wrapper的最初一個子元素,它的感化會在後文中解釋。
接上去寫css,順次做解釋。
當網頁內容缺乏的時刻,body和html的現實高度能夠小於閱讀器的可視規模,是以給body和html寫上高度100%。另外,接上去的直接子元素也會應用百分比的寫法,百分比的寫法必需在直接父元素有肯定的高度界說時才有用。
一切網頁內容都在這個div.wrapper中,界說最小高度(IE6應用hack),因為這個元素的父元素就是界說了100%高度的body,是以不管內容若干,div.wrapper這個元素的高度都邑占領全部閱讀器可視規模。然後,按照頁腳的高度,設置相等的下邊距負值,如許頁腳就會正好湧現在頁面內容的最初。
div.footer_placeholder,如字面意義,頁腳的占位元素,它只是一個空的div,界說高度和頁腳雷同,它的存在是為了給頁腳留下地位。假如沒有它,能夠會產生如許的工作↓
到這裡,固定在底部的頁腳就曾經完成了。css部門合起來是: