缩放窗口时控制高度

Question

我正在制作一个网页，我现在卡在那里。

如果您看一下这个JSFiddle，您可能会了解我的设计是如何工作的。我有一个div表，最重要的是我有另一个表作为叠加，创建div漂浮在其余表上方的效果。这是通过绝对位置完成的，并且因此按预期工作。但是，我总是希望在缩放到较小的屏幕时让它变得漂亮，而我的最小值是640px，我试图制作我制作的每个网页。

但是，如果你现在看看我的JSFiddle，你几乎应该看看它应该如何按预期显示。除了缺少一些字体，颜色等。除此之外购买，如预期。现在，如果您尝试将.content div更改为：

.content {
     max-width:640px;
}

而不是现在的960px，这应该使框变小，就像你有一个较小的屏幕，或缩放你的窗口。但是，如您所见，绝对位置叠加不会影响其余部分，并且有点短。

我尝试了多种高度，最小高度等的东西，但没有真正起作用。所以我希望有人可以给我一些关于如何创建它的提示，其中div叠加缩放其余部分。

希望你理解我的意思:)。

提前致谢。

Answer 1

问题是你的叠加层'hjemmeside'中的单词太长了，导致div溢出。您可以添加html { word-break:break-all; }来解决此问题。请在此处查看demo。