CSS:两个div - 一个填充空间,一个缩小到适合

Question

有没有办法让两个div彼此相邻放置,以便:

在我的情况下,两个内部div需要切换位置,我只是不能削减它.

有任何想法吗？

Answer 1

简单地改变float: left到float: right在保罗的例子.

HTML:

<div id="outer">
    <div id="adaptive">I will adapt my width to my content.</div>
    <div id="filler">I will fill the remaining space.</div>
</div>

CSS:

#outer { overflow: hidden; width: 100%; }
#adaptive { float: right; }
#filler { overflow: hidden; }