在HTML中，一个滚动区域可以嵌套在另一个滚动区域内吗？

Question

例如

<div id='outer' style='overflow: scroll' >
  first text
  <div id='inner' style='overflow: scroll'>
    second text
  </div>
  third text
</div>

这是正确的/这会有效吗？

inner会试着留在outer吗？

另外，如果动态添加内容，无论在何处添加内容，行为都是一致的吗？

Answer 1

这样可行，但我认为我从未见过它在实践中使用过。

工作示例： http://jsfiddle.net/qthjS/

Answer 2

为什么不尝试？

http://jsfiddle.net/mplungjan/MXqu8/

似乎确实

Answer 3

是的，这是可能的。但是，拥有一个双滚动条真的很糟糕。