单个元素的div容器是什么意思？

Question

我经常看到类似的东西：

<div id='side_logo'>
    <a class="logo" href="index.html">
         <img src="img/logo.png">
    </a>
</div>

使用上述标记而不仅仅是：

有什么好处

<a id='side_logo' class="logo" href="index.html">
        <img src="img/logo.png">
</a>

Answer 1

它可以更好地控制样式。例如，如果您希望示例中的徽标位于比徽标图像大的彩色框内，但您只希望徽标本身是可点击的锚。

Answer 2

在您选择的实际示例中，＆lt; div＆gt;转动＆lt; a＆gt;从inline element到block element，具有不同的属性。

Answer 3

我经常使用包装div的一个原因是它与其他块元素混合得更好。作为一项规则，我不希望inline元素与block元素对接。您可以将a设置为display: block，但我发现在某些浏览器中有些不可靠（a上的边距不起作用可靠地在每个页面加载）。

Answer 4

如果在主体的第一层上混合使用链接，列表，跨度，图像和表格，那么事情可能会因各种默认的css属性而混乱。