程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 數據庫知識 >> MYSQL數據庫 >> MySQL綜合教程 >> MySQL 5.6 (Win7 64位)下載、裝置與設置裝備擺設圖文教程

MySQL 5.6 (Win7 64位)下載、裝置與設置裝備擺設圖文教程

編輯:MySQL綜合教程

MySQL 5.6 (Win7 64位)下載、裝置與設置裝備擺設圖文教程。本站提示廣大學習愛好者:(MySQL 5.6 (Win7 64位)下載、裝置與設置裝備擺設圖文教程)文章只能為提供參考,不一定能成為您想要的結果。以下是MySQL 5.6 (Win7 64位)下載、裝置與設置裝備擺設圖文教程正文


頁腳的地位成績

網頁的頁腳(footer),也就是平日用來放置贊助鏈接及版權信息的處所。頁腳天然是應當位於頁面底部的,但按照普通的做法,假如位於頁腳之前的網頁內容比擬少,或許說應用了一個垂直分辯率較年夜的顯示器,就有能夠湧現頁腳看起來不在頁面底部的情形,以下圖。
2015728181439481.jpg (500×388)

因為頁腳根本上是一個網站的一切頁面公用的部門,分歧頁面的內容量有所差別,是以確切有能夠某些頁面內容不敷而湧現如許的成績。別的,特別是包括了底色的頁腳,產生這類成績會很影響雅觀。

所以,我們願望頁腳可以或許不管網頁內容量若干,都精確位置於底部。
固定頁腳究竟部的辦法
相對定位可行嗎?

或許有人想到過把頁腳設置為position:fixed,然後定位在底部。先不斟酌不支撐這個屬性值的IE6,從後果上說,假如網頁自己內容就很充分,如許的寫法就會讓頁腳一開端就湧現在閱讀器的底部,而在轉動網頁時,頁腳會一向堅持原地位。如許的後果,明顯對年夜部門的網站都是不合適的。

可以想見,我們須要的後果是:

    網頁內容較多時,在轉動究竟部的時刻才看到位於最下方的頁腳。
    網頁內容較少時,頁腳依然位於全部頁面的最下方,其他部門留白。

慣例、簡略的完成辦法

CSS Sticky Footer供給了這個固定頁腳在底部的公道的完成辦法。不外一方面這是一個英文站點,另外一方面它所供給的寫法還存在些允許以改良的處所,所以本文會參考它的內容,給出一個公道的完成辦法。

起首須要如許一個html構造:

    
  • <body>  
  •     <div class="wrapper">  
  •         <!--網頁內容-->  
  •         <div class="footer_placeholder"></div>  
  •     </div>  
  •     <div class="footer">  
  •         <!--頁腳-->  
  •     </div>  
  • </body>  
  • div.wrapper是網頁中除頁腳以外的一切內容的外層容器,頁腳div.footer和它位於統一層級。div.footer_placeholder必需放在網頁一切內容的最初,即作為div.wrapper的最初一個子元素,它的感化會在後文中解釋。

    接上去寫css,順次做解釋。

        
  • html, body{height:100%;}  
  • 當網頁內容缺乏的時刻,body和html的現實高度能夠小於閱讀器的可視規模,是以給body和html寫上高度100%。另外,接上去的直接子元素也會應用百分比的寫法,百分比的寫法必需在直接父元素有肯定的高度界說時才有用。

        
  • .wrapper{   
  •     min-height:100%;   
  •     _height:100%;   
  •     margin-bottom:-120px;   /*假定頁腳的高度為120px*/  
  • }  
  • 一切網頁內容都在這個div.wrapper中,界說最小高度(IE6應用hack),因為這個元素的父元素就是界說了100%高度的body,是以不管內容若干,div.wrapper這個元素的高度都邑占領全部閱讀器可視規模。然後,按照頁腳的高度,設置相等的下邊距負值,如許頁腳就會正好湧現在頁面內容的最初。

        
  • .footer, .footer_placeholder{height:120px;}    /*假定頁腳的高度為120px*/  
  • div.footer_placeholder,如字面意義,頁腳的占位元素,它只是一個空的div,界說高度和頁腳雷同,它的存在是為了給頁腳留下地位。假如沒有它,能夠會產生如許的工作↓
    https://www.aspphp.online/shujuku/UploadFiles_3118/201707/2017072814054877.jpg (530×104)

    到這裡,固定在底部的頁腳就曾經完成了。css部門合起來是:

        
  • html, body{height:100%;}   
  • .wrapper{   
  •     min-height:100%;   
  •     _height:100%;   
  •     margin-bottom:-120px;   /*假定頁腳的高度為120px*/  
  • }   
  • .footer, .footer_placeholder{height:120px;}   
  •   
  • 假如還須要斟酌css初始化和清算浮動,能夠你還須要添加上面這部門css:   
  •   
  • body{margin:0;}   
  • .footer_placeholder{clear:both;}  
    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved