时间戳

首页 > 解决方案 > 托管在网站上时不显示 Div

css - 托管在网站上时不显示 Div

问题描述

在本地显示进度条。但托管时它只显示百分比文本。

到目前为止，在本地托管时一切正常，但在网站上托管时我似乎找不到问题，也没有给出错误。

我希望它在我实际访问该网站时显示出来。但现在它只显示跨度标签之间的文本。

内联 css 和单独的 .css 文件。

#skills{
width:100%; 
height:20px; 
border:1.2px 
solid black;
}

#HTML {
  width: 90%;
  background-color: #c5e5ef;
  height: 20px;
  text-align: center;
  position: relative;
}

#PHP {
  width: 71%;
  background-color: #c5e5ef;
  height: 20px;
  text-align: center;
}

#MySQL {
  width: 66%;
  background-color: #c5e5ef;
  height: 20px;
  text-align: center;
}

#CSS {
  width: 88%;
  background-color: #c5e5ef;
  height: 20px;
  text-align: center;
}

#Java {
  width: 45%;
  background-color: #c5e5ef;
  height: 20px;
  text-align: center;
}
<p>HTML</p>
<div id="skills">
  <div id="HTML"><span style="color: black;"><b>90%</b></span>
  </div>
</div>
<br>
<p>PHP</p>
<div id="skills">
  <div id="PHP"><span style="color: black;"><b>71%</b></span>
  </div>
</div>
<br>
<p>MySQL</p>
<div id="skills">

  <div id="MySQL"><span style="color: black;"><b>66%</b></span>
  </div>
</div>
<br>
<p>CSS</p>
<div id="skills">

  <div id="CSS"><span style="color: black;"><b>88%</b></span>
  </div>
</div>
<br>
<p>Java</p>
<div id="skills">
  <div id="Java"><span style="color: black;"><b>45%</b></span>
  </div>
</div>

标签： csshtml

解决方案

这显然只是一个浏览器缓存问题，因为它似乎在您上面包含的代码片段中起作用。

为避免将来出现此类问题，请尝试在更改网页中的 HTML 和 CSS 代码时养成使用 Ctrl+F5 刷新的习惯，这会迫使浏览器重新下载并解析您的页面。

请注意：您应该使用 Classes 将 CSS 分配给您的 Div 块，并且 ID 属性应该是唯一的，因为它们通常在 JavaScript 中用于检索和操作所述块的内容

推荐阅读