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元素中并排显示。但是现在，这两个要素处于不同的路线。但是它们应该在同一行上。由于某些原因，两个元素之间添加了一个空格，这将第二个元素撞到了新行。

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

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

它显示得很好。

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

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

Answer 1

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