我有一个固定位置的页脚,我试图保留在页面的底部,但也让它在调整大小时不遵循浏览器窗口。因此,如果我从底部拖动Firefox,它就会隐藏起来。调整窗口大小时隐藏的页脚?
我试过相对位置,这使得页脚跳起来,并坐在标题下。我也试过绝对的位置,我认为这是一个正确的位置,但它似乎与固定的位置一样。
CSS:
html, body {
height: 100%;
width: 100%;
overflow-x: hidden;
margin: 0;
padding: 0;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
#wrapper {
min-height: 100%;
position: relative;
}
#header {
width: 100%;
padding: 10px;
background-color: #fff;
position: relative;
-webkit-box-shadow: 0px 0px 30px #7a7a7a;
-moz-box-shadow: 0px 0px 30px #7a7a7a;
box-shadow: 0px 0px 30px #7a7a7a;
}
#content {
padding: 10px;
padding-bottom :45px;
}
#footer {
width: 100%;
height: 45px;
position: absolute;
bottom: 0;
left: 0;
background: #222;
margin: 0;
padding: 0;
}
任何想法?
在jsfiddle中发布一个工作示例。 – Axel