水平滾動問題

我正在爲新的HTML佈局製作一個模型。它幾乎在那裏，但我得到一個惱人的水平滾動問題發生在我的標題欄。水平滾動問題

雖然包含的元素是100％寬度，但標題似乎被切斷到水平滾動區域。

html, 
body { 
    height: 100%; 
    width: 100%; 
    margin: 0; 
    padding: 0; 
    background: purple; 
} 
#wrapper { 
    width: 100%; 
    height: 100%; 
    background: Red; 
    min-width: 100%; 
    position: relative; 
} 
header { 
    height: 48px; 
    width: 100%; 
    min-width: 100%; 
    background: Orange; 
}

我已經把模擬成一個小提琴這裏： https://jsfiddle.net/8k51k83r/

請注意，如果你水平滾動，標題似乎要結束了水平滾動的開始位置。

任何想法我在這裏做錯了嗎？

來源

2016-02-24 Gary

我不明白這個*頭似乎要結束了水平滾動開始的地方*。我也看不出任何問題。你能多解釋一下嗎？還有什麼瀏覽器？ – Chris

你的問題似乎與顯示器。例如如果你在包裝上放置display：table，它似乎工作正常。 – bulanmaster

你不需要'min-width：768px;'在'＃內容中'' – IsraGab

可以補充一點：#wrapper{width:auto; display:inline-block;}

來源

2016-02-24 07:43:05 sTx

知道這將是簡單的事情。謝謝！ – Gary

水平滾動問題

回答

相關問題