縮放窗口

Question

當我工作的一個網頁，在那裏我被卡住現在控制高度。

如果你看看這個JSFiddle，你可能會得到我的設計是如何工作的想法。我有一個div表格，最重要的是我有另一個表格作爲覆蓋層，創建浮動效果的其餘部分。這是通過絕對位置完成的，並且如此工作。但是，我總是想擴展到較小的屏幕上時有它漂亮，我最小爲640px，我儘量讓每一個網頁我做，努力。

但是，如果你現在看看我的jsfiddle，你應該幾乎看它應該是什麼樣子的意圖時等。除了缺少一些字體，顏色等外，還要按照預期購買。現在，如果你嘗試的。內容的div更改爲：

.content { 
    max-width:640px; 
} 

取而代之的960px現在，這應該縮小該框，因爲它會如果你有一個小屏幕，或縮放你的窗口。但是，正如你所看到的那樣，絕對位置疊加不會影響其餘部分，並且會有一些縮短。

我試着用最大高度，最小高度等許多東西，但沒有真正奏效。所以我希望有人能給我一些暗示，讓我可以創造這個，div覆蓋與其餘的縮放。

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

感謝。

Answer 1

的問題是，在您的覆蓋「hjemmeside」這個詞太長，並造成DIV溢出。您可以添加html { word-break:break-all; }來解決此問題。請參閱demo。