你好,我试图做一个底部的页脚集中的网站,问题是页脚div和内容div之间没有页边距页脚重叠的内容,但是当我缩小页面的问题是固定的另一个问题就来了这是内容的高度不完全是在这里与本网站上传的,所以你可以看到问题如何在页脚和内容之间保留边距?
http://yandothebluffer66.net23.net/
这里的链接代码
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Untitled 1</title>
<style type="text/css">
html,
body {
margin:0;
padding:0;
height:100%;
}
#wrapper {
min-height:100%;
position:relative;
}
#header {
background:#292929;
height : 100px;
}
#content {
padding-bottom:100px; /* Height of the footer element */
width: 1000px;
margin : 50px auto;
min-height: 80%;;
background: black;
overflow: hidden;
}
#footer {
background:#292929;
width:100%;
height:100px;
position:absolute;
bottom:0;
left:0;
}
</style>
</head>
<body>
<div id="bigwrapper">
<div id="header"></div>
<div id="content">
<img src="images/stuff%20for%20sale/9.jpg">
</div>
<div id="footer"></div>
</div>
</body>
</html>
我认为它会像你想如果你改变页脚的'position'到'relative' – andrew
是啊,我知道,但如果我这样做,然后当你缩小页脚将不再处于的底部页面 –