在<a>嵌套div不会使整个div链接

问题描述：

它只有当我点击图像或文本时重定向到URL。但不是整个<div>。任何想法？这里是我的代码：在<a>嵌套div不会使整个div链接

<a href="someurl"> 
 
    <div class="story"> 
 
    <img src="photo.jpg"> 
 
    <div class="storyText"> 
 
     <h1>title</h1> 
 
     <ul> 
 
     <li>list</li> 
 
     <li>list</li> 
 
     <li>list</li> 
 
     </ul> 
 
    </div> 
 
    </div> 
 
</a>

答

你需要做的a块级元素，你可以做，通过设置display:block在a

a { 
 
    border: solid red; /* demo */ 
 
    display: block 
 
} 
 
a:hover { 
 
    background: rgba(0,0,0,.5) /* demo */ 
 
}

<a href="someurl"> 
 
    <div class="story"> 
 
    <img src="//placehold.it/100"> 
 
    <div class="storyText"> 
 
     <h1>title</h1> 
 
     <ul> 
 
     <li>list</li> 
 
     <li>list</li> 
 
     <li>list</li> 
 
     </ul> 
 
    </div> 
 
    </div> 
 
</a>

这并未不解决我的问题，但这是正确的答案WER。出于某种原因，当HTML在浏览器上呈现时，它将关闭的''标签放在同一行''上，因此不会让我在其中嵌套'div'。如果有人有任何可能的解决方案，请回复，否则我会问一个单独的问题。 – Zorgan

你能展示你的真实内容吗？你可能在第一个'a'内有另外一个'a'，这是无效的 – dippas

是的，这是问题，非常感谢。所以它只是'ul'之后的另一个'a'标签，就像这样：'username'。你能解释为什么这不起作用，以及如何添加这个'a'标签？ – Zorgan

在嵌套div不会使整个div链接

相关推荐