Html 内部h2需要100%的高度

我正在建立我的第一个drupal网站，我有一些CSS问题，因为html无法更改。我想这是我需要做的一个小调整，但我看不到。。。我希望链接标签具有100%的宽度和高度，以便您在单击容器时可以看到博客项目详细信息页面（而不仅仅是标题或阅读更多链接）

我简化了Drupal代码。我还创建了一个小的

HTML 提前感谢,，

---

HS.

您可以使用

position:absolute

执行此操作，并使完整容器成为其相对父容器：

.node-readmore {
  list-style:none;
  float:right;
}

.node-blog-entry {
  position:relative;
 }
.node-blog-entry .node-readmore a{
  position:absolute;
  text-align:right;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
}

这里有一个例子

---

这里的问题是，您破坏了

a

标记上文本的位置。您可以使用其他属性来修复它，例如

框大小调整

和

填充

我并不真正了解您想要实现的目标。你想让h2到达顶部吗？如果是这样的话，那就去掉填充和边距吧。为了让整个博客条目都可以点击，我希望h2（以及其中的链接）有100%的宽度和高度。

.node-blog-entry
{
margin-bottom: 15px;
width: 100%;
max-height: 9999px;
padding: 3% 0;
background-color: lightblue;
}
.node-blog-entry:hover
{
    background-color: rgba(240,240,240,1);
}
.node-blog-entry > *
{
padding:0 3%;
}
.node-blog-entry h2
{
display:block;
background-color: grey;
width: 94%;
min-height: 94%;
color: rgba(68,68,68,1);
}
.node-readmore
{
list-style:none;
float:right;
}

.node-readmore {
  list-style:none;
  float:right;
}

.node-blog-entry {
  position:relative;
 }
.node-blog-entry .node-readmore a{
  position:absolute;
  text-align:right;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
}