使用<div>间隔器是一种不好的做法吗？</div>

Question

使用<div>标签来表达元素之间的差距是不是一种坏习惯？如果是的话 - 为什么会这样？

以下是一个例子：

<div class="panel">
    <!-- Content -->
</div>

<div class="spacer"></div>

<div class="panel">
    <!-- Content -->
</div>

CSS：

div.spacer
{
    font-size: 0; 
    height: 10px;
    line-height: 0;
}

Answer 1

是的，它不好 - 不必要的标记。改为使用margin-top / margin-bottom。

Answer 2

如果您可以为content添加保证金，那就太糟糕了。否则，它是间隔器的最佳HTML元素。

Answer 3

这是没有语义和不必要的。

添加：

padding-bottom: 10px;

或

margin-bottom: 10px;

到您的div.panel CSS声明，您可以节省多个字符（从而降低带宽成本）和拥有更清晰的代码，表达 您的意思 >你希望它看起来如何。

Answer 4

对于网络内容来说，这不是一个好的编码风格。

所有（块）元素都包含创建填充/布局所需的一切。 与上面提到的其他人一样：使用边距，填充等 - 盒子模型。

太多的标记=更多问题定位的东西=不必要的标记。