標題+視頻滑塊大於屏幕

將非常感謝您對此的意見。我對CSS很新，所以無法弄清楚我在哪裏出錯了。標題+視頻滑塊大於屏幕

這裏的鏈接網站：https://test.irinamccann.com

問題是這樣的：無論是頂部頭或視頻容器比屏幕大。其餘的內容是好的，但。

首先在老的Firefox上注意到，現在我看到，當您將站點滾動到一邊時，右側有一個大的白色部分。

只是不知道它來自哪裏？

自定義CSS多數民衆贊成增加了，這可能是導致該問題（??）

.site-brand-inner { 
position:absolute; height:100%; width:100%; 
display: table; 
} 

.site-logo { 
display: table-cell; 
vertical-align: middle; 
text-align:center; 
} 

#masthead {line-height:89px 
}

來源

2017-04-22 Irina Mc Cann

您.site-brand-inner div有寬度100％的絕對位置。所以它的寬度將是屏幕的寬度，但由於它有一些左邊距，它需要右側的空間，並且可以向右滾動。

刪除行號爲168的索引頁中的寬度爲100％，那麼您將很好。

.site-brand-inner { 
position:absolute; height:100%; width:100%; //remove this width 
display: table; 
}

來源

2017-04-22 19:45:09

嗨！它看起來像現在是固定的？我真的想在學習CSS的時候學習CSS，請問，請給我一些解釋爲什麼100％的寬度會導致這種情況？非常感謝！ –

嗨。會發生什麼是100％的寬度使div與屏幕的大小一樣寬。例如你的屏幕寬度是1366px，100％的寬度會使你的div寬度爲1366px。沒關係，如果你的div從左邊開始，但是如果左邊有東西不讓div從父母的左邊開始怎麼辦？ div將不得不移動八才能完成寬度。所以這使得它可以滾動。請上傳並標記正確的作品。乾杯! –

非常感謝您花時間向我解釋這一點。完全合理。 –

標題+視頻滑塊大於屏幕

回答

相關問題