Question

我试图拥有一个固定维度的外部容器（#container）和一个可能溢出外部容器并允许滚动的内部div（.inner）。在这个内部div中，我想要包含两个div（.name和.rectangle）的列表项，第二个div出现在第一个div的右边，我希望内部div伸展以适应内容。我已经尝试了明确的修正但他们没有工作（或者我可能错误地使用它们）和位置：绝对在最里面的div上没有伸展父div（.inner）。 / p>

JsFiddle：http://jsfiddle.net/jj4Tk/4/

<body>
    <div id="container">
        <div class="inner">
            <div class="first">This div should overflow</div>
            <ul>
                <li>
                    <div class="wrap">
                        <div class="name">This div should overflow too</div>
                        <div class="rectangle"></div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</body>

有没有办法让红色矩形浮动，出现在文本的右边，并使封闭的div拉伸以适合两个矩形？我唯一想要实现一个＆＃34;包 - 探险家＆＃34;因此，我将在树状结构中获得目录/文件名列表。矩形恰好是我的菜单图标（在目录/文件名称的悬停时出现）。

谢谢：）

有一个固定的外部容器，但内部容器伸展，以适应溢出外部容器的浮动div

0 个答案: