问如何防止文本区域延伸到其父DIV元素之外？(google-仅限chrome问题)

EN

如何防止文本区域延伸到其父DIV元素之外？

我将这个文本区域放在一个表中，这个表在一个DIV中，它似乎导致整个表都超出了它的界限。

即使在更简单的情况下，您也可以看到相同情况的示例，只需在div中放置一个文本区域(就像这里在www.stackoverflow.com中使用的一样)。

你可以从下面的图片中看到文本区可以延伸到超过其父区域的大小？我如何防止这种情况发生？

我是CSS的新手，所以我真的不知道我应该使用什么CSS属性。我尝试了几个类似的显示，并溢出。但他们似乎并没有做到这一点。还有什么我可能错过的吗？

​

​

​

​

更新: HTML

CSS

textarea {
    max-width: 50%;
}
#container {
    width: 80%;
    border: 1px solid red;
}    
#cont2{
    width: 60%;
    border: 1px solid blue;
} ​

如果您将此代码放在http://jsfiddle.net中，您将看到它们的行为不同。尽管textarea被限制为在其css样式中声明的百分比，但仍然可以让它使其父表尽可能大，然后您可以看到它溢出了其父边框。对如何解决这个问题有什么想法吗？​