-1

我尝试做一个响应式设计，但是当我调整它的大小时变得混乱.. 我的 css 代码直到第 15 行，另一个是菜单 css单击此处获取代码

所以我的代码只有：

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

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

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

1 回答 1

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/

于 2013-07-19T23:34:43.287 回答