Html 有一个固定的外容器，但有一个内容器延伸以适合溢出外容器的浮动div_Html_Css

Html 有一个固定的外容器，但有一个内容器延伸以适合溢出外容器的浮动div

html css

Html 有一个固定的外容器，但有一个内容器延伸以适合溢出外容器的浮动div,html,css,Html,Css,我正在尝试使用一个固定维度的外部容器（#container）和一个可能溢出外部容器并允许滚动的内部div（.inner）。在这个内部div中，我希望列表项由两个div（.name和.rectangle）组成，其中第二个div显示在第一个div的右侧，并且我希望内部div拉伸以适合内容。我已经尝试过clearfixes，但是它们不起作用（或者我可能错误地使用了它们），并且最里面的div上的position:absolute不会拉伸父div（.inner） JsFiddle：这个div应该溢出

我正在尝试使用一个固定维度的外部容器（#container）和一个可能溢出外部容器并允许滚动的内部div（.inner）。在这个内部div中，我希望列表项由两个div（.name和.rectangle）组成，其中第二个div显示在第一个div的右侧，并且我希望内部div拉伸以适合内容。我已经尝试过clearfixes，但是它们不起作用（或者我可能错误地使用了它们），并且最里面的div上的position:absolute不会拉伸父div（.inner）

JsFiddle：


这个div应该溢出


这个div也应该溢出

有没有办法使红色矩形浮动，显示在文本的右侧，并使包围的div拉伸以适合两个矩形？我唯一尝试实现“PackageExplorer”效果的方法是，我将以树状结构列出目录/文件名列表。矩形正好是我的菜单图标（显示在目录/文件名的悬停位置）

谢谢：）

如果你想把红色矩形放在右边，为什么要把它放在左边…？我不是很确定你到底想要什么，我只能猜测可能是这样的：嗨，请找到更新的小提琴链接，同样感谢这两个，这似乎对小提琴工作。我要试试看！不幸的是，.wrap div似乎没有其子元素的维度。有没有办法让它工作起来？

<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>