html – 100%宽度的表,为浮动div留出空间
发布时间:2020-12-14 19:36:59 所属栏目:资源 来源:网络整理
导读:我有一张桌子,我正用于表格.解决方案需要它可以自动调整到两种情况: 当桌子右边没有浮动div时,我想要 表占据宽度的100%. 当桌子右边有一个浮动div时,我希望桌子为这个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> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |