Question

我的网站上有这段代码：

<div class="test_section no_display" id="test_section_metric">
      <div class="section_start_bar">

      </div>
      <div class="section_end_bar">

      </div>
</div>

这片css：

.test_section
{
    width:70%;
    margin-left:15%;
    background-color: var(--color_main);
}

.no_display
{
    display: none;
}

但是会显示带有“no_display”类的div，因为当我在Chrome中检查网站时，我发现它会覆盖用户代理样式表，如下所示：

div{
    display:block;
}

但是，当我打开网站时，就像我的计算机上的文件一样，它实际上没有显示，并且按预期工作。

我已经搜索过了一个答案，但是我通常会在<!DOCTYPE html>标记之前添加<html>来解决问题。我已经完成了。{/ p>

.no_display类是一个单独的东西，因为它将被javascript删除，以便在点击按钮时显示内容。

任何想法如何解决这个问题？

Div的显示：none被用户代理样式表覆盖，但在本地工作

0 个答案: