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>