如何使嵌套的<div>扩展到其内容？

Question

我正在使用这个系统来尝试实现一个滑动窗口选择器.
我有一个<div>包含在另一个<div>.外部<div>具有固定尺寸,内部应扩展以包含其内容物.

<div style="width: 25px; overflow: hidden">
    <div id="middle">
        <div style="width: 50px"></div>
    </div>
</div>

外部<div>有一个固定的尺寸.
本middle <div>应扩大相匹配的内部尺寸<div>(即具有宽度50像素的)
如何使用CSS或JavaScript,我可以保证中间<div>的宽度与内<div>,但仍得到由外切断<div>？

我试图使用JQuery来获取内部的长度,<div>然后动态设置中间的宽度<div>,但这并不总是得到正确的长度.

Answer 1

默认情况下,Div元素会尝试适合其容器.所以中间人将尝试适应其外部div的容器..它不受内容的影响.

如果你设置中间的那个,display:inline-block你使它适合内容,而不是容器,它解决了问题..