好吧，其實我也沒有很認真地在學css。

只是突然想到某個功能，或是要去做，才會去做(無時無刻都是懶惰模式開啟)

 

阿網頁常常用到的footer置底對我來說還蠻有用的，實作出來是ok的

以下是我在網路上看到的網址所提供的，更詳細的可點網址進去看喔!!!!

引用出處的網址：http://goo.gl/MwtnFJ

這個網址也介紹許多css其他功能，如果沒有很排斥英文的話，會受益良多。

阿下面只是我的備份檔XDD我就是沒辦法一直逛英文網頁的英文白癡阿

The HTML

  1. <body>
  2. <divid="wrapper">
  3. <divid="header"></div>
  4. <divid="content"></div>
  5. <divid="footer"></div>
  6. </div>
  7. </body>

 

 

The CSS

 

  1. html,
  2. body {
  3. margin:0;
  4. padding:0;
  5. height:100%;
  6. }
  7. #wrapper {
  8. min-height:100%;
  9. position:relative;
  10. }
  11. #header {
  12. padding:10px;
  13. background:#5ee;
  14. }
  15. #content {
  16. padding:10px;
  17. padding-bottom:80px;/* Height of the footer element */
  18. }
  19. #footer {
  20. width:100%;
  21. height:80px;
  22. position:absolute;
  23. bottom:0;
  24. left:0;
  25. background:#ee5;
  26. }

 

相关文章