我有一个流畅的页面（100％宽度），里面有这个：
[image-fixed-width] | [text-fluid-width -----------------------------------]
| -----------------------------------------------------
| -----------------------------------------------------
我需要图像旁边的文字不要环绕它，而是要显示在它旁边（如图所示），就像另一列一样。同时，文本需要跨越整个页面宽度。 通过在文本左侧设置边距可以很容易，但问题是我不知道图像的确切宽度。图像大小可能会有所不同......
有没有解决方案？
答案 0 :(得分：6)
答案 1 :(得分：0)
将两个元素float: left与display: block文本结合起来。
答案 2 :(得分：0)
更简单的方法是创建一个包含2个单元格的表格，一个用于图像，另一个用于文本。您不会使用css，但它适用于任何浏览器。
答案 3 :(得分：0)
这是一个猜测，但我希望它可以工作。
<div style='width:100%; overflow:hidden'>
<img style='float:left'/>
<div style='float:left'>my text</div>
</div>
逻辑是div（甚至浮动div）应该扩展以填充可用空间，并且父设置不会拉伸或允许溢出，因为两个参数都已设置。