Css 网格柱不'；不行？

我有这个标记

<main>
<section class="download">
  <img src="media/icon.svg" alt="TOX chat icon" width="345" height="280">
  <div class="download_desc">
    <h1>A New Kind of Instant Messaging</h1>
    <p>
      Whether it's corporations or governments, digital surveillance today is widespread. Tox is easy-to-use software that connects
      you with friends and family without anyone else listening in. While other big-name services require you to pay
      for features, Tox is completely free and comes without advertising — forever.
    </p>
  </div>
</section>

出于某种原因，在这种情况下，网格列根本不起作用。

div

with

download\u desc

类仍然在第一列，而不是我想要的从第二列到第六列

如果我直接将它应用于

.download

类，它就可以工作，但它不是子类

---

为什么？

您的问题是网格是“主要”元素，“下载描述”在“下载”部分标记中

尝试移动：

display: grid;
grid-template-rows: 750px 500px 815px 815px 180px;
grid-template-columns: repeat(6, 1fr);

---

到“下载”类。

您已经在

主
中应用了
网格
css，这意味着
。下载
是一个网格项…意味着在
下载
中应用
网格列
将不起任何作用…它没有用处。
网格列
属性用于
网格项
，而不用于
网格项

将
网格
css应用于
。下载
，这将使

一种新型的即时通讯

无论是公司还是政府，今天的数字监控都很普遍。Tox是一款易于使用的软件，它可以将你与朋友和家人联系在一起，而无需任何其他人的监听。虽然其他知名服务要求您为功能付费，
Tox是完全免费的，没有广告——永远免费。

注意：我目前正试图复制TOX chat（TOX.chat）的主页进行练习，所以不要介意内容。这一切都归功于他们。“不起作用”不是一个专业术语。什么不起作用？而且，在你的标题中，你为什么问我们它是否有效？@Rob it没有做它必须做的事情。在这种情况下，类为“download_desc”的div不会放在网格的第2列到第6列。这一切仍然在第一个问题中。把这些信息放在你的问题中，而不是放在评论中，但是“不做它必须做的事情”和“不工作”一样糟糕。这是否意味着，如果我想在整个页面中使用网格，我必须对每个部分应用
display:grid
？你可以将页面分为网格和子网格。要在网格中定位元素，其父元素必须是网格。例如，您可以使用网格布局分区，然后在分区中创建子网格以对齐其内容。
display: grid;
grid-template-rows: 750px 500px 815px 815px 180px;
grid-template-columns: repeat(6, 1fr);