html - 在 CSS 中创建等高列的问题

Question

我一直在使用示例 here设置一个具有等高列的网页(仅使用 HTML 和 CSS)，并且效果相对较好。 Here是我正在使用的完整 HTML 和 CSS 代码。

新手问题:

(1) 如您所见，我尝试让左栏 (id="column_bottom") 的背景为白色 (#f5f5f5) 并带有黑色文本，而右栏 (id="content_bottom") 的背景为黑色背景为白色 (#f5f5f5) 文本，但一侧始终覆盖另一侧。我该怎么做才能让它成为我想要的？

(2)另外，你可以看到我在css中定义了body的字体和背景色，但是不知为何没有执行，怎么办？

谢谢!

附言我正在寻找纯 HTML/CSS 解决方案，并且不想使用 javascript。

Answer 1

你很接近。在您的代码中，只需将您的样式更改为列本身，如下所示:

#content_bottom {
    color: #f5f5f5;
    background:#000000; /* right column background colour */
}

#column_bottom {
    color: #000000;
    background:#f5f5f5; /* left column background colour */
}