将父节点拉伸到其内容宽度

Question

<div style='width:100%;background-color:green;padding:10px;'>
  <div style='width: 5000px;background-color:red; padding:5px;'>
  </div>
</div>

http://jsfiddle.net/8xqwW/2/

外部div固定在窗口的100％，而内部部分以全宽渲染。

有没有办法让外部div伸展到内部宽度（如果它很大），同时保持在窗口的至少100％（如果内部div很小）？

我不能使用 overflow-x：滚动 - 只允许窗口滚动。 min-width：100％也无法解决我的问题。

如果没有解决方案，我可以使用JS resize事件。

Answer 1

尝试display:table外部div