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

我已经用CSS创建了一个网页布局。CSS和HTML可在此处找到：

我不得不使用一些看起来很古怪的技巧来获得正确的布局。具体来说，为了在正确的位置获得两个内容块，我必须使用以下CSS：

position: relative;
top: -351px;

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

---

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

这可能是最好的方法，也可能不是

position:relative

表示您正在移动div，但是div最初占用的空间仍然被占用

如果您想移动div，但为其他内容腾出空间，

position:absolute

可能会更好

---

position:relative

也可能导致空白，因为您“移动”的框可能仍然占用空间，导致页面运行时间过长。

如果您只是尝试重新排列元素会怎么样？把所有的东西都放在两列中，然后每个都浮动

下面是一个快速的提琴来说明我的意思：

以下是我的方法

---

我已尽量维护您的代码和布局。

谢谢！这真的很有帮助。我将在我的设计中使用这个概念。