Question

最近，我一直在尝试习惯浮动div并将它们对齐以适应所有在一条线上。但是，我有一个小问题。在我创建的其中一个代码中，我注意到我无法将此文本删除。

这是我的代码：

如您所见，vs代码在此处：

<div class="fluidbox">vs.

并且div的结尾是在所有其他div之后。我试图解决这个问题的第一种方法是添加一个行高，这只会让事情变得更糟：

正如您所看到的，我编辑了流体箱，其行高为100px，当我只需要VS文本时，结果使得所有div都会下降。有什么方法可以解决这个问题吗？

Answer 1

包装你的文字＆＃34; vs＆＃34;在元素内部和位置元素。

<span class="vs">vs.</span>

.vs {
    position : absolute;
    margin-top : 40px;
}

Answer 2

我说你的工作正常。看看jsfiddle。您唯一需要做的就是将vs包装在一个span中并添加这些css属性：

.fluidbox span {
      position: absolute;
      margin-top: 20px;
}