CSS浮动定位

Question

我基本上试图将iframe浮动在段落的右侧。我了解可以通过将iframe放置在HTML中的段落之前并使iframe浮动来实现。将iframe放置在段落之后是否可以执行相同的操作？

HTML：

echo toto &>> ./mylogfile

CSS：

<div class="text">
<p>This is a sentence.</p>
</div>
<iframe src="https://www.youtube.com/embed/YbJOTdZBX1g"></iframe>

我认为这不是another question的重复，因为答案改变了html中iframe的顺序，并将其放在该段落的之前。

谢谢。

Answer 1

也可能以相反的方向浮动段落。但是，您最终可能会遇到很多带有浮点数的陷阱（例如“ clearfix”）。

查看inline-block或flex布局以获得更好的方法（甚至是网格布局，但浏览器支持可能仍然参差不齐）。

避免使用表格来布置内容，它们还会带来很多意想不到的，难以调试的副作用。

.text {
  float: left;
}

iframe {
  float: right;
}

<div class="text">
<p>This is a sentence.</p>
</div>
<iframe src="https://www.youtube.com/embed/YbJOTdZBX1g"></iframe>