Html 当页脚位于其他div块内时，出现粘性页脚问题
我无法将页脚粘贴到视口底部。 我尝试不同的方法， 阅读这里的页脚主题，阅读stickyfooter站点，尝试但没有运气，谷歌太多，因此我从我的站点剪切的问题代码可以在那里测试： 结构是Html 当页脚位于其他div块内时，出现粘性页脚问题,html,css,footer,Html,Css,Footer,我无法将页脚粘贴到视口底部。 我尝试不同的方法， 阅读这里的页脚主题，阅读stickyfooter站点，尝试但没有运气，谷歌太多，因此我从我的站点剪切的问题代码可以在那里测试： 结构是 <html> <body> <root> <header> ... </header> <main> ... </main> <footer> ... </footer> </root> &l
<html>
<body>
<root>
<header> ... </header>
<main> ... </main>
<footer> ... </footer>
</root>
</body>
</html>
...
...
...
提前谢谢 好的。让我们试试这样的方法：
html{
min-height:100%
}
body{
min-height:100%
}
.root{
position:relative;
}
footer{
position:absolute; bottom:0;
}
.wb_main{
margin-bottom:220px;
}
解决方法是简单地使用主块中最小高度的计算函数。 我只想补充一点：
min-height: -webkit-calc(100% - 320px);
min-height: -o-calc(100% - 320px);
min-height: -moz-calc(50% - 320px); /* Firefox 4+ */
min-height: calc(100% - 320px);
因此，在短页面中，页脚位于视口底部检查我的答案，我已经更改了我的网站代码，现在似乎工作了，除了100%似乎太多，页脚在页面下半部分向下，似乎页眉高度为100px，所以我是否应该改变一些页边距顶部，使其稍微向上？问题似乎只出现在内容较低的地方，若页面有很多内容，那个么页脚的位置就可以了。所以，若我把页脚放上去，那个么在大的页面上，它可能会重叠内容……似乎若在页面中有很多内容页脚重叠，那个么看看页面。更改css。对于html标记，应该有最小高度：100%。它会解决的。好的，现在似乎在IE和Safari中工作，但页脚在页面下。有没有可能使它随相对位置上升？根div更改页脚宽度和页边距，因此更改为绝对定位会导致手动添加属性，并导致长页面出现一些问题。А向html元素添加边距使页脚更向下什么是
位置：底部