我已經google和閱讀幾乎所有我可以找到關於做一個「粘腳」,但由於某種原因,我只是無法讓它正常工作。下面是我對HTML /體格,主要內容股利和我的頁腳DIV + CSS代碼:可以禁用我的頁腳棒,並提供一個滾動條的內容
body, html {
margin-top: 5px;
margin-bottom: 5px;
padding: 0px;
height: 100%;
font-family: Cooper Black, Copperplate Gothic Bold, Britannic Bold, Garamond, Arial;
font-size: 1em;
color: #666666;
background-color: #EDF5FC;}
#main {
position: relative;
top: 380px;
width: 90%;
height:100%;
min-height: 100%;
margin: 0px 5% -20px 5%;
z-index: 10;
padding-top: 0px;
padding-bottom: 20px;
overflow:scroll;}
#footer {
clear:both;
position:fixed;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
margin-top: -20px; /* negative value of footer height */
width:98%;
height:20px;
padding-top:3px;
background: #0E28B1;
text-align: center;
color: #ffffff;
font-size: .7em;
font-weight:bold;
z-index:1;}
我的頁腳股利是我主要的div外(該網站的主要內容是主要的div裏面,然後我關閉它並有頁腳div。)我可以通過使用固定位置和margin-bottom:0來獲得它的底部,但是然後我沒有滾動條來顯示我的內容。
這根本不起作用。我究竟做錯了什麼?