在狹窄的textarea的上下鍵

Question

我有這個jsbin：http://jsbin.com/ezuzan/2
HTML：

<div> 
    <textarea>press up and down</textarea> 
</div> 

CSS：

div { 
    height: 20px; 
    overflow: hidden; 
} 

textarea { 
    height: 30px; 
    font-size: 30px 
} 

當我專注於文本區域，按上下，文本移動。如何在不改變div和textarea的高度的情況下阻止它？

Answer 1

添加overflow:hidden風格到您的textarea

的textarea {
高度：30PX;
font-size：30px;
溢出：隱藏;
}