我有一个带有class=“book_consulting”的span标记。这是在UL内的li内发现的。代码如下所示:
<ul class="pre-header">
<li><span class="book_consultation">Book Consultation<span></li>
</ul>
现在pre-header是屏幕的长度（看起来像一个横幅），book_consulting是文本。
我的问题是，唯一可点击的文本是链接。因此，如果用户点击文本，它会打开一个表单，但是如果他们点击pre-header中文本之外的内容，就不会发生任何事情。我希望整个前标头是可点击的，以便它打开表单。
我不知道如何在CSS中使book-consultance区域和pre-header一样宽。这并不意味着我想要文本伸展，我只是想要前标题是可点击的，我的想法是扩展book_consultince的可点击区域。
我试着将book_consultation的宽度设置为100%，但似乎不起作用。
Span是内联元素，不会占用全宽。交换span以获取P或给spandisplay:block。
null
.pre-header li {
background: rgba(0,255,0,0.1)
}
.pre-header li span,
.pre-header li p {
background: rgba(255,0,0,0.3);
cursor: pointer;
}
.preheader--3 span {
display: block;
}<ul class="pre-header preheader--1">
<li><span class="book_consultation">Book Consultation</span></li>
</ul>
<ul class="pre-header preheader--2">
<li><p class="book_consultation">Book Consultation</p></li>
</ul>
<ul class="pre-header preheader--3">
<li><span class="book_consultation">Book Consultation</span></li>
</ul>
span是内联元素。它需要是块为全宽。全角使用:
.pre-header .book_consultation
{ display: block;
}
还有，一件小事，你需要做
</span>
在你的收尾标上。
