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

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 以全宽呈现。

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

我不能使用overflow-x:scroll - 只允许滚动窗口。min-width:100%也没有解决我的问题。

如果不存在解决方案，我可以使用 JS 调整大小事件。

Answer 1

尝试display:table外部div