Html 表格旁边的浮动图像具有100%宽度

我的问题与中的问题类似，一年多来没有任何活动。我有一个宽度未知的表格，显示在一个已知大小的图像旁边。容器的宽度未知。我希望图像向右浮动，表格共享一行，展开以填充剩余空间。我希望在没有嵌套表的情况下执行此操作（因为eew）。我认为应该简单到：

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

...

……但事实并非如此。这是一把接近我想要的小提琴，只是缺少了桌子的宽度：

---

如果可能的话，我不想让CSS3参与进来。如果绝对必要，我可以创建一个嵌套表，但我想首先确保我没有遗漏什么。有什么想法吗？

试着把图像放在桌子前面，同时浮动图像和桌子，对吗

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

...

---

编辑步骤1。添加包含div的样式相对位置。 第二步。位置：绝对图像

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

.container img{
位置：绝对位置；
右：0；
排名：0；
}
.container.table分区{
位置：相对位置；
右边填充：'images-width'；
}

不确定您是否知道，但是您的内联样式

float:right

缺少分号。我知道，语法不需要分号。我通常不会在生产页面中使用内联样式（或省略可选分号），但对于这个问题，我希望保持简洁。每当我浮动表或其父div时，表都会缩小到可能的最小大小（即使我提供

宽度：100%

）。在px中设置宽度可以正确调整表格大小，但在我的情况下不起作用，因为我需要的大小会因浏览器而异。只需在图像上使用

position:relative

和
padding right:[xxx]px`和
float:right
。谢谢