<a> Tag Responding Differently To <div></div></a>

Question

对不起标题，但我不太清楚如何说出来。

我有一个我正在创建的网页的html文档，并且我一直在使用<div>标记来设置页面的结构，一切看起来都很好。但是，当我将<div>标记更改为<a>标记时，它们会消失，除非它们向左浮动（可能是正确的）。有谁知道这是为什么以及如何使<a>标签工作而不必浮动它们？

Answer 1

<div>标记以与<a>标记基本不同的方式呈现：div是块标记，但是锚是内联的。

尝试在您正在使用的锚点上设置以下CSS：

display: block;

如下所述，添加浮点会强制渲染模式阻止，因此具有相同的效果。

Answer 2

默认情况下，div标记是块级元素，a标记是内联级别元素。

当您浮动a元素时，它们的显示行为将变为块级别。

这是CSS2规范中定义的标准行为。

如果您想解决此问题，则需要将display: block应用于相关的a代码。

请注意，从HTML5开始，您可以在a代码中找到块级元素。