css分屏可拖拽

众所周知，input标签的textarea属性是可以多行输入的，那么，我们是不是可以拿这个属性做文章呢？

答案是当然可以

.reszie{
    	overflow: scroll;
   		resize: horizontal;
    	width: 200px;
    	height: 16px;  /*小方块的高度*/

    	transform: scaleY(999);
		opacity: 0;
	}

我们把 textarea属性从input中单独拿出来，像这样就可以实现盒子可拖拽了。

这里给出完整代码

<style>
	:root,body{
        width: 100%;
        height: 100%;
        margin: 0;
        display: flex;
    }
    .box1{
    	/* background-color: red; */
        background-image: url(../图片管理器/kun.jpg);
        background-size: 100% 100%;
        overflow: hidden;
        border-right: 1px solid white;
    }
    .box2{
        /* background-color: blue; */
        background-image: url(../图片管理器/OIP-C.jpg);
        flex: 1;
        background-size: 100% 100%;
    }


    /* textarea 文本框多行数入标签的属性 */
    .reszie{
    	overflow: scroll;
   		resize: horizontal;