我一直在疯狂地尝试修复我正在处理的网站上的响应问题，而我在这里或其他任何地方都找不到任何解决方案。主要问题是我的固定页脚。在网站的登录页面上，有一个标题，主要区域和页脚（当点击箭头时页面会展开，但这是无关紧要的）。
我使用固定定位将页脚附加到页面底部。当屏幕宽度> 1024px时，页眉，主页和页脚宽度为100％。低于1024px，页眉和页脚宽度变为静态（1024为静态宽度）。
问题是，有一个点，页脚应该在屏幕的右侧溢出（因为宽度变得固定）。我可以向右滚动以查看标题中菜单的其余部分，但页脚不会向右滚动。相反，它只是切断了通常存在的一切。
我尝试使用相关代码在此处重新创建Codepen中的问题：http://cdpn.io/iCJct但它与网站（位于此处http://dev.longviewsources.com/）的行为不同。
感谢您的帮助！
答案 0 :(得分：0)
问题是，position: fixed的页脚相对于浏览器窗口而不是内容是固定的，因此当用户滚动时，它会移动，用户永远不会看到它。您可以使用position: absolute;将元素固定到相对于身体的位置，这更容易控制。从那里你可以使身体的高度100％，并使用一个overflow: scroll;
我做了一个小提琴演示：http://jsfiddle.net/jaredkhan/ywrx2/2/