Css 我可以合并位置：相对和浮动：左侧吗？

我可以在一个元素上同时应用

位置：相对

和

浮动：左

吗？像这样：

div {
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
}

我可以在一个元素上应用相对位置和左浮动吗

对。试试看。

是的

:

“一旦箱子按照正常流量布置或漂浮， 它可以相对于此位置移动。这称为“相对定位”

---

我想提供一个不同的答案，以防对某人有所帮助。我有两个并排的div，我想让它们占据空间：

<div class="col-md-12">
    <div class="col-md-6">stuff</div>
    <div class="col-md-6">other stuff</div>
</div>

因此，我最终得出以下结论：

<div class="col-md-12 noFloat">...</div>

。。。

---

这里有一个指向bootply.com示例的链接：是的，您可以同时使用这两种方法

您将使用

float:left

将元素定位到左侧，并允许下一个元素定位到右侧

position:relative

将影响自身及其子对象，从而采取自己的立场。何时使用

left:npx；top:npx

它将向左、向右、顶部和底部移动此元素

---

您可以查看此演示：

声称您可以组合浮动和位置的答案实际上是错误的。是的，浮动div的位置确实会移动，但是周围的文本不会像您预期的那样流动。问题在于，“位置”属性实际上会在浮动的div原来所在的位置留下一个白色框，然后将div移到其他位置，将框留在后面。换句话说，您将把div放在文本的顶部，而您可能希望文本在div的新位置上流动

下面是一个具有简单浮点的div示例：对

这里有一个相同div的示例，但带有位置：relative；顶部：.75英寸；增加：

---

请注意该框现在是如何位于文本顶部的。那可能不是你想要的

有些人只是对这个答案投了反对票，但没有说错在哪里……正如下面所说的，你可以这样做，但你必须意识到后果。对于我希望在父div的左上角有一个元素的情况，无论发生什么，它都是理想的。稍后我将在一些JavaScript中使用该元素。如需了解更多信息，请参阅下面的注意事项（描述得很好）详细解释，非常感谢。所以这是可能的，我们需要意识到后果

<div class="col-md-12 noFloat">...</div>