2

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

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

...但事实并非如此。这是一个接近我想要的小提琴，只是缺少表格宽度：http: //jsfiddle.net/K2fpA/

如果可能的话，我想把 CSS3 排除在外。如果绝对必要，我可以做一个嵌套表，但我想先确保我没有遗漏任何东西。有任何想法吗？

4

2 回答 2

3

步骤 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>
于 2013-04-11T08:14:25.543 回答
0

尝试将图像放在表格之前并浮动图像和表格，对。

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

已编辑

于 2013-04-11T05:10:00.073 回答