Question

我的问题类似于this question中的问题，该问题在一年多内没有发生过。我有一个宽度未知的表，显示在已知大小的图像旁边。容器的宽度未知。我希望图像浮动正确，并且表格共享一条线，扩展以填充剩余空间。我想这样做没有嵌套表（因为eew）。我认为应该这么简单：

<img src="img.jpg" style="float:right" />
<table style="width:100%">
    ...
</table>

......但事实并非如此。这是一个小提琴关闭到我想要的，只是错过了表格宽度：http://jsfiddle.net/K2fpA/

如果可能的话，我想保留CSS3。如果绝对必要，我可以做一个嵌套表，但我想确保我不会先错过一些东西。有什么想法吗？

Answer 1

步骤1.为包含div添加相对样式位置。第2步。位置：图像的绝对值

.container img {
position:absolute;
right:0;
top:0;
}
.container .table-div {
position:relative; 
padding-right:'images-width';
}

<div class="container">
  <div class="table-div"> 
    <table style="width:100%;" >
    </table>
  </div>
</div>

Answer 2

尝试将图像放在桌子前面，然后将图像和桌子都放在右边。

<div style="float:left;"> <table style="width:100%;" >
...
</table>
<div/>
<div style="float:left;"> <img src="img.jpg" /></div>

<强> EDITED

浮动图像旁边的表格，宽度为100％

2 个答案: