通过Apache加载网页时，Css发生了变化

Question

我正在尝试在ubuntu上运行apache并创建一个网站。当我只是从Documents文件夹中打开Chrome中的网页时，它打开正常并且看起来不错。但是当我从var / www / html文件中打开它或者通过Chrome搜索我的ip地址时，一些css没有加载，不是全部，而只是其中的一部分。这里取消按钮已被移动，即使代码几乎与登录按钮完全相同。

#login {
    left: 559px;
    top: 161px;
    position: absolute;
    font-family: "Open Sans", monospace, sans-serif;
    color: #1E1E31;
    z-index: 2;
    cursor: pointer;
}

#cancel{
    left: 654px;
    top: 161px;
    position: absolute;
    font-family: "Open Sans", monospace, sans-serif;
    color: #1E1E31;
    z-index: 2;
    cursor: pointer;
}

这是通过Apache加载的内容。很难看到，但是取消已经向上移动到左上方，背面有一个白色条带和其他小差异。

通常在chrome中打开它时的外观