html - 外部 div 匹配内部 div 的宽度

Question

我画了一个草图，这样我更容易解释这个问题:
_{(来源:mielai.lt)}

因此，如您所知，三个彩色矩形是 div，红色矩形是容器，绿色 div 具有 Logo 和其他内容，蓝色 div 具有 li 标签包裹的缩略图。所有的 div 都是自动宽度。缩略图是 float 的，所以屏幕越宽，动态连续排列的缩略图就越多，但右侧总是有剩余空间，因为它太窄了，一个拇指无法到达那里。

我希望蓝色 div 的宽度接近拇指末端的位置，也就是蓝色虚线所在的位置，并且它应该动态变化。

第二个是绿色 div，理想情况下我希望它与蓝色 div 的宽度匹配，它以虚线结尾，所以绿色 div 中的内容不会脱离整体外观。

这些可以制作吗？如果是，请解释如何，或举例说明。

我自己尝试过各种方法，包括各种示例 (Only let certain inner divs control outer div's width)，但它们对我不起作用。

如有任何帮助，我将不胜感激。提前致谢!

Answer 1

我解决了这种情况:

float:left;

到外层DIV；