众所周知,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;