怎样使可编辑的DIV固定大小，当内容多时，就自动出现滚动条？？？

Question

<style type="text/css">
#Composition{
BORDER-RIGHT: #fff 2px inset;
PADDING-RIGHT: 5px;
BORDER-TOP: #fff 2px inset;
PADDING-LEFT: 5px;
color: #000000;
BACKGROUND: white;
PADDING-BOTTOM: 5px;
OVERFLOW: auto;
BORDER-LEFT: #fff 2px inset;
PADDING-TOP: 5px;
BORDER-BOTTOM: #fff 2px inset;
}
</style>
<div ID="Composition" name="Composition" style="WIDTH: 100%; HEIGHT: 400px">在线编辑器</div>

Answer 1

div 忘了加  contentEditable="true" 属性

Answer 2

关键style
<div id="div1" style="width:100px;height:100px;overflow:auto;">
<pre>
asdfasdfasdf
asdf
asd
adfs
as
df
asdf
asdfasd
</pre>
</div>

Answer 3

没我的好看撒，我是模拟TEXTAREA的