問題與格的圖像尺寸

Question

我希望這有助於解釋我有 我最近設計了一個水平滾動的投資組合爲客戶的問題，權利和水平網頁設計過錯，是sligtly單獨的話題，但可惜的客戶希望有所不同。

我有一個真正的問題與底部的div雖然隨着顯示器的大小減少了創建瀏覽器滾動條向下，因爲div圖像重疊顯示器的大小。

不會是這麼大的問題，但由於水平網站的性質，它產生了一個區域性的滾動效果。

是否有防止使用css或其他解決方案從實際顯示器尺寸擴展屏幕？當我打字時，我可能正盯着答案，但大腦似乎並不幸運。

Answer 1

假設內容區域的高度靈活且背景div是固定高度，那麼這應該解決它（防止內容區域比瀏覽器高度更大）。對於這裏的目的，我會假設你已經針對這些div的一些方式：

html {height: 100%;} 
body {height: 100%; position: relative;}  
#content {position: absolute; top: 0; bottom: (whatever the height is of your bottomBkg);} 
#bottomBkg {position: absolute; bottom: 0; left: 0;} 

，如果這是你所關心的#content合併頂部/底部將無法工作在舊的瀏覽器。

Answer 2

你可以用CSS3：

HTML {溢出-Y：隱藏;}

這將防止垂直滾動