Html 制造<；a>；元素填充其父元素

我试图让我用laravel创建的link元素填充它所在的div元素

<li class="{{ Active::route('guide-dashboard') }}">
 <div class="dashboardLink">
    <i class="fa fa-envelope-o dashboardIcon"></i>
    {{ HTML::linkAction('GuideController@getIndex',  "Messages") }}
 </div>
</li>

{{HTML:：linkAction（'GuideController@getIndex“，“消息”）}

---

通常情况下，您会将div元素放在“a”标记中，但由于此链接是由laravel创建的，因此我不知道如何将内容放在“a”标记之间。

要填充，您需要为父级指定容器大小。类似这样的方法会奏效：

.dashboardLink
{
    position:relative;
    width:100px;
    height:100px;
}
.dashboardLink a
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}

---

要填充，需要为父级指定容器大小。类似这样的方法会奏效：

.dashboardLink
{
    position:relative;
    width:100px;
    height:100px;
}
.dashboardLink a
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}

---

要填充，需要为父级指定容器大小。类似这样的方法会奏效：

.dashboardLink
{
    position:relative;
    width:100px;
    height:100px;
}
.dashboardLink a
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}

---

要填充，需要为父级指定容器大小。类似这样的方法会奏效：

.dashboardLink
{
    position:relative;
    width:100px;
    height:100px;
}
.dashboardLink a
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}

---

有两种方法可以做到这一点，一种方法是将

a

标记设置为块元素，并将其设置为全宽/全高

a{
    display:inline-block;
    width:100%;
    height:100%;
}

这种方法避免了必须在父元素上设置位置样式。 （因为

div

已经是块级元素）

---

如果父元素不包含任何其他内容或元素，请不要认为这种方法是好的，除非它们也被绝对定位。如果是这种情况，则需要在元素上使用位置样式。（注意z-index问题等）

有几种方法可以做到这一点，一种方法是将

a

标记设置为块元素，并将其设置为全宽/全高

a{
    display:inline-block;
    width:100%;
    height:100%;
}

这种方法避免了必须在父元素上设置位置样式。 （因为

div

已经是块级元素）

---

如果父元素不包含任何其他内容或元素，请不要认为这种方法是好的，除非它们也被绝对定位。如果是这种情况，则需要在元素上使用位置样式。（注意z-index问题等）

有几种方法可以做到这一点，一种方法是将

a

标记设置为块元素，并将其设置为全宽/全高

a{
    display:inline-block;
    width:100%;
    height:100%;
}

这种方法避免了必须在父元素上设置位置样式。 （因为

div

已经是块级元素）

---

如果父元素不包含任何其他内容或元素，请不要认为这种方法是好的，除非它们也被绝对定位。如果是这种情况，则需要在元素上使用位置样式。（注意z-index问题等）

有几种方法可以做到这一点，一种方法是将

a

标记设置为块元素，并将其设置为全宽/全高

a{
    display:inline-block;
    width:100%;
    height:100%;
}

这种方法避免了必须在父元素上设置位置样式。 （因为

div

已经是块级元素）

---

如果父元素不包含任何其他内容或元素，请不要认为这种方法是好的，除非它们也被绝对定位。如果是这种情况，则需要在元素上使用位置样式。（注意z-index问题等）

只使用普通html标记，而使用Larave Url helper生成路径更为灵活

<a href="{{ action('GuideController@getIndex') }}">
   <i class="fa fa-envelope-o dashboardIcon"></i> Message
</a>

---

更多信息：

只使用普通html标记，而使用Larave Url帮助程序生成路径更为灵活

<a href="{{ action('GuideController@getIndex') }}">
   <i class="fa fa-envelope-o dashboardIcon"></i> Message
</a>

---

更多信息：

只使用普通html标记，而使用Larave Url帮助程序生成路径更为灵活

<a href="{{ action('GuideController@getIndex') }}">
   <i class="fa fa-envelope-o dashboardIcon"></i> Message
</a>

---

更多信息：

只使用普通html标记，而使用Larave Url帮助程序生成路径更为灵活

<a href="{{ action('GuideController@getIndex') }}">
   <i class="fa fa-envelope-o dashboardIcon"></i> Message
</a>

---

更多信息：

我之所以选择定位，是因为他还需要担心图标

。只有在父元素上明确设置值时，（内联）块元素的

宽度

/

高度

的百分比值才起作用。@HashemQolami确定吗？这是肯定的！如您所见，在本例中，

height:100%

计算为

auto

。不过，我收回了我对

宽度
的评论。好的，对不起，是的，我明白你的意思。我猜我现在假设div中有其他内容，除非也绝对定位。将更新我的回答我之所以选择定位，是因为他还需要担心图标
。只有在父元素上明确设置值时，（内联）块元素的
宽度
/
高度
上的百分比值才起作用。@HashemQolami确定吗？这是肯定的！如您所见，在本例中，
height:100%
计算为
auto
。不过，我收回了我对
宽度
的评论。好的，对不起，是的，我明白你的意思。我猜我现在假设div中有其他内容，除非也绝对定位。将更新我的回答我之所以选择定位，是因为他还需要担心图标
。只有在父元素上明确设置值时，（内联）块元素的
宽度
/
高度
上的百分比值才起作用。@HashemQolami确定吗？这是肯定的！如您所见，在本例中，
height:100%
计算为
auto
。不过，我收回了我对
宽度
的评论。好的，对不起，是的，我明白你的意思。我猜我现在假设div中有其他内容，除非也绝对定位。将更新我的回答我之所以选择定位，是因为他还需要担心图标
。只有在父元素上明确设置值时，（内联）块元素的
宽度
/
高度
上的百分比值才起作用。@HashemQolami确定吗？这是肯定的！如您所见，在本例中，
height:100%
计算为
auto
。不过，我收回了我对
宽度
的评论。好的，对不起，是的，我明白你的意思