标题+视频滑块大于屏幕

将非常感谢您对此的意见。我对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将不得不移动八才能完成宽度。所以这使得它可以滚动。请上传并标记正确的作品。干杯! –

非常感谢您花时间向我解释这一点。完全合理。 –

标题+视频滑块大于屏幕

回答

相关问题