Question

这个问题难以描述。我觉得自己已经进入了暮光之城。但是，我是HTML和CSS的新手，我很有可能做错了。

我在一个文件夹中有多个文件，其中包括：style.css，homePage.html和addPerson.php

我打算将style.css作为外部样式表来处理这两个页面。我首先编写了addPerson.php，并且没有问题让它与外部样式表一起工作。但是，一旦我添加了homePage.html文件（链接到addPerson.php网页上），我就遇到了各种各样的疯狂问题。在我的addPerson.php页面的页面左侧，有一个无序的链接列表，使用“float”粘贴在左侧。在我的homePage.html文件中，我想要具有相同的完整列表。因此，我将代码复制并粘贴到该文件中。这是代码的样子：

<body>
    <div class="Links">
    <p>
    Add new content:
    <ul>
    <li><a href="addComments.php">Add comments to movies</a></li>
    <li><a href="addMovieInfo.php">Add movie information</a></li>
    </ul>
    Browse content:
    <ul>
    <li><a href="showActorInfo.php">Actors</a></li>
    <li><a href="showMovieInfo.php">Movies</a></li>
    </ul>
    Search:
    <ul>
    <li><a href="searchActorsOrMovies.php">Search</a></li>
    </ul>
    </p>
    </div>

以下是来自style.css的“Links”类看起来像是被引用的：

.Links
{
float: left;
background-color:#E6E6E6;
height: 522px;
}

这段代码使得有一个灰色背景的链接列表在页面的左侧向下运行。它在addPerson.php中运行得很好。以下是该文件的屏幕截图：http://i1126.photobucket.com/albums/l610/cpatton1027/Screenshot2011-04-25at104256PM.png?t=1303796942

但是，当我将这段代码复制并粘贴到homePage.html时，我发现它不起作用。相反，类引用没有做任何事情。它只是显示为无序的链接列表，没有灰色背景或任何东西。因此，homePage.html如下所示：http://i1126.photobucket.com/albums/l610/cpatton1027/Screenshot2011-04-25at104311PM.png?t=1303796993

认为这有点奇怪，我在homePage.html上运行了一些测试。我把代码简化为：

<body>
    <div class="Links">
    <p>
    Add new content:
    <ul>
    <li><a href="addComments.php">Add comments to movies</a></li>
    <li><a href="addMovieInfo.php">Add movie information</a></li>
    </ul>
    </p>
    </div>
</body>

然而，我发现在这样做时，事情变得非常奇怪！这是一张图片：http://i1126.photobucket.com/albums/l610/cpatton1027/Screenshot2011-04-25at104341PM.png?t=1303797030

这对我来说毫无意义。

然后我将代码进一步削减到：

<body>
    <div class="Links">
    <p>
    Add new content:
    <ul>
    <li><a href="addComments.php">Add comments to movies</a></li>
    </ul>
    </p>
    </div>
</body>

现在有了这个改变，它突然看起来是正确的。灰色的背景在那里，其余的文字都没有。这就是：http://i1126.photobucket.com/albums/l610/cpatton1027/Screenshot2011-04-25at105119PM.png?t=1303797106

到底发生了什么事？为什么Links类在我的初始文件中完美运行，但在我正在创建的这个新文件中可怕？（注意：在尝试解决这个问题时，还有很多其他奇怪的事情发生了，但是因为我已经写了一本小说，所以我决定只是为了解决这个问题。）

Answer 1

我想知道这是否是一个缓存问题？浏览器倾向于缓存页面而不是返回服务器来获取它们...如果您经常更新页面，请记住按Ctrl + F5清除缓存并完全重新获取页面，否则您可能会认为你的更改没有得到保存。

如果您重新输入文本，homePage.html是否会恢复为非工作版本？

编辑：当然，也可能是服务器没有您希望它具有正确版本的代码的问题。如果您查看源代码并发现它没有您期望的HTML，那么您需要确保向正确的位置发出请求，并且该位置具有正确的代码。这包括HTML，PHP和CSS页面。

Answer 2

设置您的doctype可能会有所帮助。

HTML和样式表的疯狂问题：东西出现了，我甚至没有写

2 个答案: