Question

我尝试制作响应式设计，但当我调整它变得凌乱时......我的css代码直到第15行，另一个是菜单css Click here for code

所以我的代码只有：

html,body {
    margin: 0;
    height:100%;
}

main {
    margin:0;
    height: 85%;
}

body > footer {
    overflow: hidden;
    text-align:center;
    background-color:#dedede
}

Answer 1

这是jsFiddle：http://jsfiddle.net/shaansingh/kac8p/6/。我稍微清理了你的页脚代码（你可以把它留在那里）。我将页脚设为一个类并将其包装在<div>中。然后，我在顶部给了页脚一个边距。这使得在调整大小时页脚不会“搞乱”。继续看看全尺寸小提琴并调整浏览器大小以查看结果：http://jsfiddle.net/shaansingh/kac8p/6/embedded/result/

编辑：我有你想要的解决方案。这个小提琴在屏幕底部一直显示页脚，在浏览器的滚动下方。这个CSS我使用宽度，高度和清晰度之类的东西。 http://jsfiddle.net/shaansingh/kac8p/13/embedded/result/

调整大小时页脚会消失

1 个答案: