網頁的一部分被切斷？

我有這些性能網頁的一部分被切斷？

#global 
{ 
    width:1020px; 
    height:100%; 
    position:relative; 
    margin:auto; 
}

內部的DIV的全球集裝箱格，我有多個其他的div，其中一個有這個造型：

#example 
{ 
    width:550px; 
    height:362px; 
    position:absolute; 
    top:150px; 
    left:10px; 
    overflow:hidden; 
    background-color:rgba(89,89,89,0.01); 
}

這是一個正常的屏幕上的偉大工程，但在低分辨率的屏幕（或一個小窗口），我的「示例」div的左側被切斷...

這是否可修復？

問題網站：http://spectech.webatu.com

來源

2012-04-30 Isaiah Bugarin

要設置寬度爲像素時使用固定大小的，你可以將其調整到一個標準的固定大小，它會像800像素或使用em單位，其是可伸縮的。你有一個很好的教程在這裏：http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/

希望幫助！

來源

2012-04-30 02:42:00 spacebiker

我想知道爲什麼你不使用margin：auto方法，就像你使用「headerBack」div一樣。我的一般規則是絕對定位應該保留在任何一種靜態定位不起作用的情況下。在這種情況下，您已經使用的設置寬度邊距：自動方法當然是足夠的，並且它會在小屏幕上糾正您的內容在頁面外運行的錯誤。

編輯：我注意到你在這裏給「全球」的CSS與你網站上的實際CSS不同。你應該使用你在這裏發佈的CSS設置，它可能會工作。

來源

2012-04-30 02:42:26

我還沒有更新我的網站的CSS。我正在查看本地的本地文件。 –

那麼我可以看到你在現場的問題，上面的CSS看起來會解決這個問題。有什麼方法可以更新網站，以便我們看到問題？ –

謝謝，這工作。順便說一句，你介意在我的網站上給我反饋嗎？ –

網頁的一部分被切斷？

回答

相關問題