Html 网站宽度未正确显示

正如您在这个链接（）上所看到的，出于某种原因，正文和网站的宽度是它应该的，但是在我的网站旁边有一个奇怪的空白区域，这使得它比应该的宽度更宽

---

我使用的是引导，因此我不能真正使用这些技巧，例如在css中对桌面版本进行媒体查询。

如果要查找溢出css属性，请尝试以下方法：

body {
overflow-x: hidden;
}

要完全消除此问题，请清除此类上的正确填充：

section.first .section-content {
padding: 150px 15px //remove left/right padding
}

---

要查找溢出css属性，请尝试以下操作：

body {
overflow-x: hidden;
}

要完全消除此问题，请清除此类上的正确填充：

section.first .section-content {
padding: 150px 15px //remove left/right padding
}

---

要查找溢出css属性，请尝试以下操作：

body {
overflow-x: hidden;
}

要完全消除此问题，请清除此类上的正确填充：

section.first .section-content {
padding: 150px 15px //remove left/right padding
}

---

要查找溢出css属性，请尝试以下操作：

body {
overflow-x: hidden;
}

要完全消除此问题，请清除此类上的正确填充：

section.first .section-content {
padding: 150px 15px //remove left/right padding
}

---

问题是这个css：

section.first.节内容{
位置：相对位置；
宽度：100%；
填充：150px 15px；
文本对齐：居中；
}

这会导致

.section content

div的宽度与其父级加上30px的宽度相同

可能的解决方案是在样式中添加一个

框大小

属性

    box-sizing: border-box;

或者更改宽度，使其不超过其父级

    width: calc(100% - 30px);

---

问题是这个css：

section.first.节内容{
位置：相对位置；
宽度：100%；
填充：150px 15px；
文本对齐：居中；
}

这会导致

.section content

div的宽度与其父级加上30px的宽度相同

可能的解决方案是在样式中添加一个

框大小

属性

    box-sizing: border-box;

或者更改宽度，使其不超过其父级

    width: calc(100% - 30px);

---

问题是这个css：

section.first.节内容{
位置：相对位置；
宽度：100%；
填充：150px 15px；
文本对齐：居中；
}

这会导致

.section content

div的宽度与其父级加上30px的宽度相同

可能的解决方案是在样式中添加一个

框大小

属性

    box-sizing: border-box;

或者更改宽度，使其不超过其父级

    width: calc(100% - 30px);

---

问题是这个css：

section.first.节内容{
位置：相对位置；
宽度：100%；
填充：150px 15px；
文本对齐：居中；
}

这会导致

.section content

div的宽度与其父级加上30px的宽度相同

可能的解决方案是在样式中添加一个

框大小

属性

    box-sizing: border-box;

或者更改宽度，使其不超过其父级

    width: calc(100% - 30px);

---

---

@MarnikBruyndonckx没问题！请接受未来访问者的答案。虽然这种解决方案隐藏了问题，但实际上并不能解决问题。它还将在真正需要时隐藏水平滚动条（使用狭窄的浏览器屏幕）。一个更好的解决办法是找到罪魁祸首并加以纠正。@Kepoly好的。我在自己的回答中还添加了一些解决方案。@Lister先生感谢您指出我不应该凭直觉行事@MarnikBruyndonckx没问题！请接受未来访问者的答案。虽然这种解决方案隐藏了问题，但实际上并不能解决问题。它还将在真正需要时隐藏水平滚动条（使用狭窄的浏览器屏幕）。一个更好的解决办法是找到罪魁祸首并加以纠正。@Kepoly好的。我在自己的回答中还添加了一些解决方案。@Lister先生感谢您指出我不应该凭直觉行事@MarnikBruyndonckx没问题！请接受未来访问者的答案。虽然这种解决方案隐藏了问题，但实际上并不能解决问题。它还将在真正需要时隐藏水平滚动条（使用狭窄的浏览器屏幕）。一个更好的解决办法是找到罪魁祸首并加以纠正。@Kepoly好的。我在自己的回答中还添加了一些解决方案。@Lister先生感谢您指出我不应该凭直觉行事@MarnikBruyndonckx没问题！请接受未来访问者的答案。虽然这种解决方案隐藏了问题，但实际上并不能解决问题。它还将在真正需要时隐藏水平滚动条（使用狭窄的浏览器屏幕）。一个更好的解决办法是找到罪魁祸首并加以纠正。@Kepoly好的。我在自己的回答中还添加了一些解决方案。@Lister先生感谢您指出我不应该凭直觉行事！你好，李斯特先生，谢谢你的洞察力。我知道问题出在哪里，我设法用width解决了它：calc（100%-30px）；谢谢您的帮助和解决方案。@MarnikBruyndonckx好的。如果此问题已解决，能否单击答案旁边的复选标记？这将让系统知道问题已经得到了回答。你好，李斯特先生，谢谢你的洞察力。我知道问题出在哪里，我设法用width解决了它：calc（100%-30px）；谢谢您的帮助和解决方案。@MarnikBruyndonckx好的。如果此问题已解决，能否单击答案旁边的复选标记？这将让系统知道问题已经得到了回答。你好，李斯特先生，谢谢你的洞察力。我知道问题出在哪里，我设法用width解决了它：calc（100%-30px）；谢谢您的帮助和解决方案。@MarnikBruyndonckx好的。如果此问题已解决，能否单击答案旁边的复选标记？这将让系统知道问题已经得到了回答。你好，李斯特先生，谢谢你的洞察力。我知道问题出在哪里，我设法用width解决了它：calc（100%-30px）；谢谢您的帮助和解决方案。@MarnikBruyndonckx好的。如果此问题已解决，能否单击答案旁边的复选标记？这将让系统知道问题已经得到了回答。