HTML 格式导致布局问题

Question

我今天遇到了一个奇怪的问题，我做网站的五年多来，从来没有遇到过。

我正在将一个简单的 HTML 网站从一个主机迁移到另一个主机。但是，我对代码所做的 HTML 格式化似乎无法在新主机上正确显示。代码的一部分是这样的：

<header>
     <div></div>
     <div></div>
</header>

CSS是：

header div {
     width:50%;
     padding:0px;
     margin:0px;
     box-sizing:border-box;
     display:inline-block;
}

以前，两个 div 会并排显示在 header 元素中。但是现在，这两个元素在不同的线上。但它们应该放在同一条线上。由于某种原因，在两个元素之间添加了 space，这会将第二个元素移到新行。

如果我将 HTML 代码更改为全部一行（删除白色 space），例如：

<header><div></div><div></div></header>

显示效果很好

为什么会发生这种情况以及如何在不缩小 HTML 代码的情况下修复它？它发生在我整个网站的任何内联块元素上，这些元素的总宽度为 100%。例如，我的侧边栏现在显示在我的内容下方。

正如我已经提到的，它在以前的主机上运行良好。我没有对 HTML 代码进行任何更改。只需登录到 Filezilla，将文件从旧服务器复制到我的桌面，然后登录到新服务器并将它们上传到新服务器。

Answer 1

在 FileZilla 的字符编码设置为二进制时从旧服务器下载文件，然后将它们上传到新服务器。

HTML formatting causing layout issues