position：absolute占用所有页面

Question

关注这个问题：
Float left and text-align center
我尝试在页面的左角创建一个迷你注册栏，并将页面主体与迷你注册栏放在同一行。
因此，我已经使用kei的答案来使用position:absolute来改进我的代码，但它会占用所有正文，甚至是不需要的内容（例如，页脚）。
DEMO
当你看到课程footer上升，我希望它保持原状时，我尝试使用position:fixed或position: initial。

提前致谢。

Answer 1

尝试包含＆＃39; clear：both both＆＃39;在你的css for footer ..

如你所说，你曾经使用过float：left，如果你可能已经使用了float：对于其他一些显示目的，它们之间必须留有间隙，这会让你的身体向上。

明确：两者都可以帮助解决这种情况。

Answer 2

我不清楚您的问题，但如果问题是您希望始终将页脚保持在屏幕底部。你可以使用这个css

#footer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}

以防万一，您不希望页面始终出现在屏幕上，但在用户将页面滚动到底部后应该在屏幕上显示，然后您可以使用此CSS Sticky Footer Code

如果它无法解决您的问题，请告诉我。