我有两个div并排.右边的div有一个固定的宽度.即使窗口调整大小,左侧div也应填充剩余空间.例:
+---------------------------------+ +---------------+ | | | | | divLeft | | divRight | | <- dynamic width -> | | 120px | | | | | +---------------------------------+ +---------------+ <div> <div id="divLeft">...</div> <div id="divRight">...</div> <div>
有a solution that uses float:right on the right element但它需要重新排序这样的元素:
<div> <div id="divRight" style="float: right; width: 120px;">...</div> <div id="divLeft">...</div> <div>
有没有需要重新排序元素的解决方案?我正处于重新排序它们会导致其他问题的情况.我更喜欢CSS / HTML解决方案,但我愿意使用Javascript / JQuery.