vue动态设置div的宽高可以调节_vue中实现左右，上下拖动，改变div宽高

先按照同学写的例子，是左右拖动的改一下，需要搞清楚的是 css 布局的内容。

参考文章链接：https://www.jianshu.com/p/014380e6ae50

温习盒子模型中的布局模型：主要是层模型

1.基本概念：

CSS包含3种基本的布局模型：流动模型(Flow)、浮动模型 (Float) 和层模型(Layer)。

2.流动模型(Flow)：

流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。

流动布局模型具有2个比较典型的特征：

第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。

第二点，内联元素都会在所处的包含元素内从左到右水平分布显示。(内联元素可不像块状元素这么霸道独占一行)(非常类似Linearlayout里面的垂直和水平的属性)

3.浮动模型(Float)：

将块状元素定义为浮动就可使其在一行显示出。

左浮动：div{ border:2px red solid; float:left; }

左1

左2

右浮动：div{ border:2px red solid; float:right; }

右1

右2

一左一右：#div1{float:left;} #div2{float:right;}

左1