Html 网格项不存在'；t在链接中包装后跨行

到目前为止，我一直在避免使用html/CSS。首先，我想建立一个简单的CSS网格网站。网格中有3个项目。一切都很好，看起来就像我想要的那样。像这样：

但我想把所有的备用项都用作超链接。因此，我在它周围包装了一个

href=

，但是同样的CSS看起来像这样

问题:

我如何从图片一中看到

“Aside GridItem”

是一个超链接的功能

这样行吗？或者我在搜索引擎优化（SEO）方面遇到了问题，因为

“hiddin”

带有文本装饰的链接：无

这是我的代码：

.gridwrapper{
显示：网格；
网格模板列：2fr 1fr；
网格模板行：1fr 3fr；
栅柱间隙：1px；
背景色：小麦；
间隙：5px；
}
.gridHeader{
背景色：蓝紫色；
字体系列：Helvetica，无衬线；
字体大小：32px；
填充：1em；
网格行：1/2；
网格柱：1/2；
}
.gridContent{
背景颜色：蓝色；
字体系列：Helvetica，无衬线；
字体大小：32px；
填充：1em；
网格行：2/3；
网格柱：1/2；
}
格里德先生{
背景颜色：黄花；
字体系列：Helvetica，无衬线；
字体大小：32px；
填充：1em；
网格行：1/3；
网格柱：2/3；
}

布拉佐尔夫
标题
…内容。。。

将该类

class=“gridAside”

移动到父链接，以便

---

是的，很好。应该问earlyer:）我试过很多东西，但不是这个！你会不会觉得我用文字装饰这个坏：没有？