国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

使用div+CSS將頁腳始終控制在頁面最下方的方法

2024-07-11 08:33:12
字體:
來源:轉載
供稿:網友

tml和body的高度并不一定相同,在內容少的時候,body的高度要小于html,當然這只會出現在body中的內容所占的空間高度小于瀏覽器的視口高度的時候,此時html的高度大于body的高度。網頁中的元素都是以body最為參考,所以有必要保持html和body的高度相同。

CSS Code復制內容到剪貼板
  1. html,body{height:100%;}    

第一種方法:
在body中使用兩個容器,包括網頁的頁腳和另外一部分(container)。設置container的高度為100%;頁腳部分使用 負外邊距 保持其總是在最下方。

CSS Code復制內容到剪貼板
  1. html, body {          height:100%;     
  2. }      .fl {     
  3.     float:left;          display:inline;     
  4. }      #container {     
  5.     width:100%;          height:300px;     
  6.     overflow:hidden;          height:100%;     
  7.     border-bottom:70px #FFFFFF solid;      }     
  8. .aside {          width:30%;     
  9. }      .article {     
  10.     width:70%;      }     
  11. #footer {          height:50px;     
  12.     width:100%;          clear:both;     
  13.     margin-top:-50px;          border-bottom:1px solid #e0e0e0;     
  14.     border-top:1px solid #e0e0e0;      }    


XML/HTML Code復制內容到剪貼板
  1. <div id="container">          <div id="header">     
  2.         <div>                  <img src="" width= height= alt="" />     
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 那坡县| 苏尼特左旗| 宝山区| 青神县| 定州市| 博白县| 定边县| 海林市| 馆陶县| 盐源县| 婺源县| 鄄城县| 于都县| 泌阳县| 广丰县| 阳山县| 屏边| 广州市| 虎林市| 休宁县| 贵德县| 威信县| 遵义县| 宝鸡市| 合肥市| 固原市| 剑河县| 临泽县| 富平县| 邢台市| 汤原县| 福清市| 临安市| 霍邱县| 大悟县| 清新县| 星子县| 汉川市| 静乐县| 双牌县| 贺州市|