主要內容DIV在瀏覽器調整大小時向上漂移

我是新來建設網站和CSS，但我正在從事項目http://www.profootballschedules.net。我想解決一些div格式問題。試圖在這裏查詢其他問題，但似乎沒有任何工作。如果您希望我上傳任何代碼，請告訴我，因爲我對整個過程非常陌生。主要內容DIV在瀏覽器調整大小時向上漂移

首先，在調整瀏覽器大小時，您會發現主文本標題在分配的紙張區域上方偏移，並且不保持水平。不知道如何解決這個問題 - 試圖調整定位到某些包含文本的div的絕對位置，但它沒有做任何事情。另外，我希望能夠調整窗口大小並從左向右滾動，但我無法使其工作。我試圖在身體和一些主要的div上溢出，但沒有骰子。

當你在尋找，如果你有任何關於增加跨瀏覽器兼容性的建議，我將不勝感激。

來源

2014-06-09 THarps22

您正在使用％作爲.site-main類中的填充頂部。切換到像素。

.site-main { 
    bottom: 0; 
    height: 600px; 
    left: 0; 
    margin: auto; 
    padding-top: 100px; 
    right: 0; 
    top: 0; 
    width: 926px; 
}

另外，你有溢出：hidden;這是刪除滾動。

更新：

修復包裝％。

.site { 
    margin: auto; 
    min-width: 960px; 
    overflow: auto; 
    position: relative; 
}

來源

2014-06-09 23:31:37

輝煌，謝謝。當我慢慢調整瀏覽器的大小時，你注意到div如何左右移動一點？我無法將它集中在這兩個紅色圖釘之間。有關如何解決這個問題的任何建議？感謝您的時間。 – THarps22

我添加了一個新的更新來解決這個問題。該網站類是在一個div包裝，它有最小寬度：100％;而內部是固定的px。這會在窗口大小調整時導致問題。 –

感謝里卡多 - 當我的瀏覽器的寬度從1120px跨越到1119px或更小時，我仍然注意到div中的隨機跳躍...您注意到（如果緩慢調整瀏覽器大小）div跳到左側，並且幾乎與紅色圖釘齊平，而不是居中？有一個奇怪的跳躍，我不知道如何調整。 – THarps22

使用px而不是％作爲.site-main中的填充頂部。要啓用滾動，擺脫溢出：隱藏和顯示：固定在.site。

這將是一個好的開始。

來源

2014-06-09 23:53:09

主要內容DIV在瀏覽器調整大小時向上漂移

回答

相關問題