有没有办法让两个div彼此相邻放置,以便:
>外部div的宽度未知
>最右边的div使其宽度达到其内容(缩小到适合)
>最左边的div填充剩余的空间
我看到Paul D. Waite几乎把它切到了这里:
xHTML/CSS: How to make inner div get 100% width minus another div width
在我的情况下,两个内部div需要切换位置,我只是不能削减它.
有任何想法吗?
解决方法
只需更改float:left to float:在Paul的例子中.
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; }