如何防止对象环绕浮动图像？
How do I keep an object from wrapping around a floated image?
下图显示了 <img> 标签向左浮动的结果。边距没有全部计算出来，但 <h1> 标签正在换行。
问题： 棕色区域的图书统计在<table>块内。当它环绕时，它环绕为一个完整的块，如图所示。是否可以从 <img style="float:left;">?
引起的包装中排除 <table> 块
我尝试同时使用 position 和 float。它没有用。 <clear>仅适用于浮动对象，不适用于包裹对象。
从概念上讲，我正在寻找以下虚构的 CSS 赋值的等效项，它将应用于 <table> 标记：ignore-float:true
据我所知，根据您的 HTML 标记的当前顺序，您正在寻找的是不可能的。如果您添加另一个 div 环绕图像和 table，并浮动 div 本身，table 将留在图像下方，其他元素将环绕它们。
<h1>Header</h1>
<div class="image-wrap">
<img src="..." alt="" />
<table> ... </table>
</div>
<p>Paragraph text</p>
还有你的CSS：
.image-wrap { float: left; max-width: 200px; }
.image-wrap img { display: block; }
下图显示了 <img> 标签向左浮动的结果。边距没有全部计算出来，但 <h1> 标签正在换行。
问题： 棕色区域的图书统计在<table>块内。当它环绕时，它环绕为一个完整的块，如图所示。是否可以从 <img style="float:left;">?
<table> 块
我尝试同时使用
position和float。它没有用。<clear>仅适用于浮动对象，不适用于包裹对象。从概念上讲，我正在寻找以下虚构的 CSS 赋值的等效项，它将应用于
<table>标记：ignore-float:true
据我所知，根据您的 HTML 标记的当前顺序，您正在寻找的是不可能的。如果您添加另一个 div 环绕图像和 table，并浮动 div 本身，table 将留在图像下方，其他元素将环绕它们。
<h1>Header</h1>
<div class="image-wrap">
<img src="..." alt="" />
<table> ... </table>
</div>
<p>Paragraph text</p>
还有你的CSS：
.image-wrap { float: left; max-width: 200px; }
.image-wrap img { display: block; }