缩放窗口

Question

当我工作的一个网页，在那里我被卡住现在控制高度。

如果你看看这个JSFiddle，你可能会得到我的设计是如何工作的想法。我有一个div表格，最重要的是我有另一个表格作为覆盖层，创建浮动效果的其余部分。这是通过绝对位置完成的，并且如此工作。但是，我总是想扩展到较小的屏幕上时有它漂亮，我最小为640px，我尽量让每一个网页我做，努力。

但是，如果你现在看看我的jsfiddle，你应该几乎看它应该是什么样子的意图时等。除了缺少一些字体，颜色等外，还要按照预期购买。现在，如果你尝试的。内容的div更改为：

.content { 
    max-width:640px; 
} 

取而代之的960px现在，这应该缩小该框，因为它会如果你有一个小屏幕，或缩放你的窗口。但是，正如你所看到的那样，绝对位置叠加不会影响其余部分，并且会有一些缩短。

我试着用最大高度，最小高度等许多东西，但没有真正奏效。所以我希望有人能给我一些暗示，让我可以创造这个，div覆盖与其余的缩放。

希望你明白我的意思:)提前

感谢。

Answer 1

的问题是，在您的覆盖“hjemmeside”这个词太长，并造成DIV溢出。您可以添加html { word-break:break-all; }来解决此问题。请参阅demo。