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

前端之家收集整理的这篇文章主要介绍了CSS:两个div – 一个填充空间,一个缩小到适合前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法让两个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; }

Test jsFiddle

原文链接:https://www.f2er.com/css/215722.html

猜你在找的CSS相关文章