防止縱向拉伸和溢出的可編輯Div

Question

我正在使用一個內容可編輯Div，並且我想防止div垂直拉伸，以便光標不能通過固定的高度。

我不想隱藏溢出，我想防止溢出。

這裏是一個小提琴：http://jsfiddle.net/TheFiddler/yaq7a/

.cke_editable { 
border:2px solid #777; 
max-height: 300px; 
height: 300px; 
width: 400px; 
} 

我希望有一種方法來阻止光標當它到達編輯div的底部，所以它不可能添加行超出固定div的高度。

我正在使用HTML5和JQ，如果有幫助。

Answer 1

變化max-height到min-height

.cke_editable { 
    border:2px solid #777; 
    min-height: 300px; 
    width: 400px; 
} 

Demonstration.