CSS 在实时网站上的显示方式与在 Codecademy 上的显示方式不同

Question

我在使用 Codecademys 开发工具编写网站代码时遇到问题。完成后，我尝试将它上传到我的网络酒店，看看它在实际环境中的样子，但 CSS 样式表似乎存在一些问题，因为元素被扭曲了。

Link 到代码位：http://www.codecademy.com/codePlayer10717/codebits/gEe2CX/edit

实时网站：http://www.feelgoodadventures.no/

代码已从 codecademy 复制并粘贴到位于 one.com 的开发工具中，并为 index.html 保存为 UTF-8，为 style.css

保存为 us-ascii

知道为什么会这样吗？

Answer 1

您在 css 文件的第 54 行缺少一个像素值 - 这似乎可以解决问题。

.imagelist p {
   padding-left: 80px;
   position: relative;
   top: -60px;
}

此外，在您的 html 文件（第 46 行）中，您有

<div class="Contact">

应该读作：

<div class="contact">

CSS 类 区分大小写 - 在您的 html 文件中存在一些与此类似的错误，运行 它通过验证器来捕获错误或者只是通过它。