html-CSS浮动定位

前端之家收集整理的这篇文章主要介绍了html-CSS浮动定位 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_301_1@我正在尝试基本上将iframe浮动在段落的右侧.我了解可以通过将iframe放置在HTML中的段落之前并使iframe浮动来实现.将iframe放置在该段落之后是否可以执行相同的操作?

@H_301_1@HTML:

@H_301_1@

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

@H_301_1@

iframe {
      float: right;
}
@H_301_1@我认为这不是another question的重复,因为答案更改了html中iframe的顺序,并将其放在该段落之前.

@H_301_1@谢谢.

最佳答案
如果您也以相反的方向浮动段落,则是可能的.但是,您最终可能会遇到很多带有浮点数的陷阱(例如“ clearfix”).

@H_301_1@查看内联块或灵活布局以寻求更好的方法(甚至是网格布局,但浏览器支持可能仍然参差不齐).

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

@H_301_1@

.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>

猜你在找的HTML相关文章