我可以结合位置:relative和float:left？

Question

我可以申请都position: relative和float: left一个元素？像这样:

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

Answer 1

是.

CSS2.1,9.4.3:

"一旦盒子按照正常流动布置或浮动,它可能会相对于此位置移动.这称为相对定位"

Answer 2

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

是.试试看.

Answer 3

声称可以组合浮动和位置的答案实际上是不正确的。是的，浮动 div 的位置确实会移动，但是周围的文本不会像您预期的那样流动。问题是位置属性有效地在您浮动的 div 所在的位置留下了一个白色框，然后将 div 移动到其他地方，将框留在后面。换句话说，您将把 div 定位在文本的顶部，而您可能想要的是文本在新位置围绕 div 流动。

这是一个具有简单浮点数的 div 示例：对

这是相同 div 的示例，但带有 position:relative; 和顶部：.75 英寸；添加：

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