为什么我的网站宽度超过100％？

Question

我已经尝试解决此问题已有一周左右的时间，但找不到任何有效的方法。我正在为我的朋友正在制作的程序制作启动页面，但是即使我将页面的Width设置为100％，它仍会超出该宽度，并具有水平滚动条。当您向右滚动条时，它只是白色，如下所示： Example 1

我知道即使将HTML宽度设置为100％，某些填充和其他内容也可以添加为100％，但是我尝试删除所有填充和填充物以查找引起填充的原因，但找不到任何内容。

如果有人可以帮助我，我会在这里创建要点：https://gist.github.com/virtualflying/bb56034bd9c48c799aa5b8c73f48a5e2

谢谢

Answer 1

类别为card-deck的div的宽度大于页面宽度的100％。这会拉紧父母的元素。

您可以通过将max-width div上的100%设置为card-deck来解决此问题。

也请检查您的html，并非所有元素都有结束标记。检查第39和68行。

Answer 2

解决方案：问题出在卡片组和div上。

card-deck没有宽度，但是左右各有5px的填充。 卡座内的卡div没有宽度。

将此添加到您的CSS

.card{
width: 30%;
}

.card-deck{
width: 100%;
padding-left: 1%;
padding-right: 1%;
padding-top:2%
}

然后像这样调整卡片组

    <div class="card-deck">

    </div>