我有一张桌子,我正用于表格.解决方案需要它可以自动调整到两种情况:
>当桌子右边没有浮动div时,我想要
表占据宽度的100%.
>当桌子右边有一个浮动div时,我希望桌子为这个div提供空间,然后占用剩余的水平空间.
我怎样才能做到这一点?
解决方法
将表放在带有溢出的div中,该溢出不可见,它将占用浮动元素旁边的剩余区域.然后,里面的表可以有宽度:100%.代码如下,这里是一个例子jsfiddle:
http://jsfiddle.net/rgthree/uEt35/
CSS
.floater { float:right; } .tbl-container { overflow:hidden; } .tbl-container > table { width:100%; }
HTML
<div class="floater"> This is to the right. </div> <div class="tbl-container"> <table> <tr> <td>hi</td> </tr> </table> </div>