如何在页面上正确定位DIVS

Question

在HTML / CSS中开发网站时，如何在页面上放置div以将内容保存到位以及确切位置。不只是直接向下的方式。有没有统一的方法/技术，每个人都用来实现这种安置？或者更一般地说它是如何完成的？

示例：这是我正在使用容器div和其中5个其他div构建的示例页面的图像。

图片：http://go-dl.eve-files.com/media/1310/image.png

我能够将标题div放在顶部，我能够将侧边栏div放在它下方和左侧（向左浮动），我能够将内容div放在标题下方和右侧侧边栏div（右侧浮动）。现在我已将页脚div放入，但页脚浮动在侧栏下方，但也位于内容div的左侧。不在它下面和页面底部。

Dreamweaver中有很多可能的选项/值可以分配给每个div，例如box，float，margin，position，padding等。我在下面链接了我的代码。有什么我可以做的，以便更有效地在页面上定位div，并且根本不需要。我希望页脚停留在页面底部。

这是我的代码：

PASTEBIN：http://pastebin.com/xbvPEfjA

我真的被这个困住了。任何帮助将不胜感激。还有一些类似于这个问题的其他问题，但不是我要问的完全相同。提前谢谢！

Answer 1

在您的CSS中

将clear:both应用于页脚。这意味着它的两边都不允许浮动元素。