div内部锚错误

Question

所以我创建了一个'div'标签，并试图将其放在'a'标签内。从我对此主题的搜索中了解到，您可以在html5中执行此操作，但不能在html4中执行此操作。 但是，当我在浏览器中打开html文件时，存在一个错误。 'div'不仅是可单击的，而且它的所有空格也都可单击。 这是我的html代码：

    <a href="#"><div id="div1"></div></a>

和我的CSS：

    #div1 {
            width:250px;
            height:200px;
            background:linear-gradient(orange,red);
    }

您知道为什么会这样吗？预先感谢

Answer 1

默认情况下，div是块级元素，并且占用其父元素的100％宽度。将其更改为内联阻止：

#div1 {
  width: 250px;
  height: 200px;
  background: linear-gradient(orange, red);
  display:inline-block;
}

<a href="#">
  <div id="div1"></div>
</a>