php - 从 html 切换到 php 时消失的元素和奇怪的行为

Question

编辑! -- 问题与浏览器缓存有关，解决方案是在 Chrome 中进行硬刷新 (CTRL + F5)

当从 .html 切换到 .php 时，我的网站似乎崩溃了，并且在添加带有类的简单 div 元素并使用跨界样式或 h 标签时，没有按预期运行。

本质上，我正在尝试向我的页面添加 2 个简单的元素。

• A heading consisting of boldened and centered text. 

• A div that will act as a vertical timeline. 

一旦我使用带有自定义样式的 h1 标签和分配给类的简单 div 添加了这些元素，它就会按预期工作。

直到我在标题下方添加更多文本，此时它才中断；应用于我的标题的自定义 h1 标签样式不再处于事件状态，我的时间轴 div 从 View 中消失了!

甚至陌生人.. 当我删除文本时问题仍然存在。即使我删除了时间轴 div，问题仍然存在。

只有在我真正进入 css 并删除 .timeline 类之后，span 才真正恢复生效，这对我来说根本没有意义!

在切换到 php 之前问题不存在，所以这就是我从 html 工作切换到 php 代码的方式:

1. 打开 xampp 控制面板并运行“Apache”和“MySQL”，然后在 Adob​​e Brackets 中打开我的网站元素。

2. 将我的索引文件的文件扩展名从 .html 更改为 .php。

3. 更改“实时预览基本 URL”以指向 xampp 的 htdocs 文件夹中我的元素目录。

此时实时预览工作正常(除了必须保存才能看到更新)

1. 将我的标题插入到 h1 标签内的文档中，并将样式应用于 css 文档中的 h1 标签

2. 创建一个带有类的 div 作为我的时间轴栏

在这个阶段，如果我在文档中添加一行文本(“这是有效的吗!？”)，它将中断

<div class="row" style="margin-top: 46px;">

     <h1> BIOGRAPHY </h1>

     Is this working!?

     <div class="timeline"></div>


</div>

h1 {
    font-weight: 650;
    text-align: center;  
}

.timeline {
    width: 10px;
    height: 2000px;
    background: #454545;
    position: relative;
    margin: auto;
}

很抱歉这个问题很长，我希望它是有道理的。我可能犯了一个非常愚蠢的错误，但我正在努力了解它是什么。

谢谢!

Answer 1

只是一个快速更新和我找到的解决方案。我最终切换到另一台本地服务器并最终遇到了同样的问题。

所以问题实际上归结为浏览器缓存..

简单的解决方案是在 Chrome 上执行硬刷新 (CTRL + F5)。这迫使 Chrome 从服务器读取我的最新 CSS 文件。

我希望这对遇到同样问题的人有所帮助。感谢大家帮助我指出所有可能的问题。

我很高兴能够继续使用 Bracket 的实用实时预览功能! :)