css - 使用 CSS 进行页面布局 - 这是完成此布局的最佳方式吗？

Question

我使用 CSS 创建了一个网页布局。 CSS 和 HTML 可以在这里找到:http://pastebin.com/Gn25nM8G

我不得不使用一些看起来很时髦的技巧来使布局正确。具体来说，为了将两个内容 block 放在正确的位置，我必须使用以下 CSS:

position: relative;
top: -351px;

我想知道是否有更好的方法来完成这个布局？

我也不知道为什么我的页面末尾有一个很大的空白？如果您从我的代码创建一个页面，您就会看到我在说什么。任何帮助将不胜感激。

Answer 1

如果您尝试重新排列元素会怎样？将所有内容放入两列并 float 每一列？

这是一个快速的 fiddle 来说明我的意思:

http://jsfiddle.net/qh75H/3/