css - 实现底部版权信息的固定位置.

访问量: 84

参考:http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

对于HTML:

<div id="container">
   <div id="header">
   <div id="body">
   <div id="footer">
</div>
CSS:
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   position:relative;
}
#header {
   background:#ff0;
   padding:10px;
}
#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#6cf;
}

Bottom Footer The Problem

订阅/RSS Feed

Subscribe

分类/category