html 调整div 高度,实现div可以调整高度（div实现resize）

实现div可以调整高度(div实现resize)

一、div 实现resize(类似textarea)

代码如下：

div实现textarea效果

#textarea {

height: 200px;

width: 300px;

padding: 4px;

border: 1px solid #888;

resize: vertical;

overflow: auto;

}

#textarea:empty:before {

content: attr(placeholder);

color: #bbb;

}

二、监听div的resize事件

div监听resize事件

.container {

position: relative;

width: 500px;

height: 300px;

background-color: black;

padding: 4px;

resize: vertical;

overflow: auto;

}

.size-watch {

width: 100%;

height: 100%;

position: absolute;

visibility:hidden;

margin: 0;

padding: 0;

border: 0;

}

hello

function riseze (el, cb) {