Question

我自己建立了一个网站，但是今天有些事情使我发狂。文本的<p>标签（是，是）未显示在div中。这是我的网站：MorphrDB.cf

我使用的是CSS网格，对于标头部分的<p>标签似乎有效，但是在“ middle”类（这是一列）上它无效。我试图修改CSS，溢出，隐藏文本，继承

<!DOCTYPE html>
<html>
  <head>
    <meta name="google-site-verification" content ="
    21i2l90JHpCEpQXxaLRvDhtyxGrlSCWc6T__wh1ySN0" />
    <!-- Device compatibility-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Scripts & Languages-->
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script src="js/script.js" type="application/javascript"></script>
    <!-- Styles (Css) -->
    <link rel="stylesheet" type="text/css" href="css/styles.css">
    <link rel="stylesheet" type="text/css" href="css/styles.css">
    <link rel="stylesheet" type="text/css" href="css/styles.css">
    <link rel="stylesheet" type="text/css" href="css/styles.css">
    <link rel="icon" href="/img/favicon.png" type="image/x-generic"/>
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/grid.css">
    <link rel="stylesheet" type="text/css" href="css/stylize.css">
    <!-- Begin -->
    <title>MorphR_Db</title>
  </head>
  <body id="Back">
      <div class="grid-container">
        <div class="header" id="header-back">
          <p class="title">MorphR DataBase</p>
          <div id='cssmenu'>
            <ul>
              <li><a href='morphrdb.cf/index.html'>Home</a></li>
              <li class='active'><a href='#'>Links</a>
              <ul>
                <li><a href='#'>Help</a>
                <ul>
                  <li><a href="/Forum/">Forum</a></li>
                  <li><a href='/Help/'>Help Page</a></li>
                </ul>
              </li>
              <li><a href='#'>Files</a>
              <ul>
                <li><a href='/Repositories/'>Repositories</a></li>
                <li><a href="/Files/">Files</a></li>
              </ul>
              </li>
              <li><a href='/SeA/'>Suggest or Add</a></li>
              </ul>
              </li>
              <li><a href='/About/'>About</a></li>
              <li><a href='/Contact/'>Contact</a></li>
            </ul>
          </div>
        </div>
       /* here*/ <div class="middle">
          <p>sample text</p>
        </div>
      </div>
  </body>
</html>

应该显示p标签（很抱歉，缺少css），但不能（这里是，但是在我的网站上没有：c）

Answer 1

如果您查看CSS代码，则会显示：

/* Style the middle column */
.middle {
  grid-area: middle;
  background-color: #000000;
  opacity: 0.9;
  margin-top: 20px;
}

因为这意味着 black 背景色，并且未显示的文本也为黑色（并且位于.middle元素之内），这是一个问题。更改文本颜色或背景颜色。

Answer 2

它可能会隐藏，因为文本和背景颜色相似。像下面一样尝试..

<p style="color: black">text..</p>

问题：<p>标记未显示在我的</p> <div>上

2 个答案: