Css HTML：不需要的空白

我试图通过创建一个公文包来自学html和css。问题是，当我在标题中为我的徽标和导航菜单创建一个容器，并通过放大到最大值来调整浏览器大小时，它会在html的右侧创建不需要的空白。避免此类问题的最佳方法是什么

HTML

---

在

容器中

，设置

宽度：100%

而不是

1040px

#container
{
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
}

它起作用了。这是你最新的小提琴：

---

在修改行中，指定容器宽度：自动将删除额外的右侧空间

 #container{width:auto;}

---

您编写了两次

包装器。是打字错误吗？我不知道你的目标是什么。只有图像的宽度不为1040px时，才会出现空白。您可以使用
背景大小：100%
，但这会模糊您的图像。@DMS您的问题解决了吗？在回答者给出答案后，你必须向他们提供反馈。@bilal是的，这是一个问题typo@Ranveer我现在刚刚检查了消息，正在等待回复。我放置了宽度：100%；在css文件中，我放在左边的标识是：30%；还尝试了left:300px，当您放大html页面上的最大值时，它仍然会在右侧创建一些空白。此外，我还尝试将宽度降低到80%，并使用
标记添加导航菜单，但当您放大到最大值时，它似乎会在html页面的右侧创建空白。我一直在研究公文包，发现这些网站在放大到最大值时没有空白：这是因为您看到的网站是反应敏捷的而且很可能他们使用了
@media
标签。@DMS还有，你能告诉我你目前面临的问题吗，好的，它不允许我为我的标志AR媒体放置一个虚拟图像，AR媒体标志的大小是宽度：377px，高度：143pxI删除了你的
#容器#导航李
填充
，它工作了。这里：我尝试放置宽度：自动；然后使用
标记添加导航菜单，但当我尝试调整导航菜单使用位置：relative和left:100px；时，仍然会产生空白；。suzannejworthington.com和People.co.za Christhuman.com等公文包如何避免空白？能否请您更新JSFIDLE页面以获得更高的精度？无需媒体查询即可完美工作：祝您有愉快的一天！好的，我试着再调整一点，但是当你放大到最大值时，它会在html页面的右侧继续创建空白
#container
{
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
}

 #container{width:auto;}