如何防止textarea扩展超出其父DIV元素？
我有这个textarea在一个表内的一个DIV，它似乎导致整个表伸出它的边界。
你可以看到一个相同情况的例子，即使在更简单的情况下，只是把一个文本区域内的div(像这里使用的在www.stackoverflow.com)
你可以从下面的图像看到textarea可以超出其父的大小？如何防止这种情况？
我是一个新的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样式中声明的百分比，但仍然可以让它的父表达到它想要的大小，然后你可以看到它溢出它的父边界。
任何想法如何解决这个？
解决方法
要完全禁用调整大小：
- textarea {
- resize: none;
- }
或者你可以限制大小：
- textarea {
- max-width: 100px;
- max-height: 100px;
- }
要将大小限制为父级宽度和/或高度：
- textarea {
- max-width: 100%;
- max-height: 100%;
- }
