我有一张桌子,我正用于表格.解决方案需要它可以自动调整到两种情况:
>当桌子右边没有浮动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>
原文地址:https://www.jb51.cc/html/224005.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。