两个view左右分布，为什么右边的总是会在左边的下边？

当用这个样式时是这样的

.left{width: 20vw;float: left;}
.right{width: 80vw;}

用下面的样式时又是这样

.left{width: 20vw;}
.right{width: 80vw;float: right;}

要怎么让右边的和左边在同一高度啊？

首先不知道你的left和right标签包括什么但是看样子你好像把这几个都放到了一个view里了。float是块级元素之间的浮动，一般用于图像和文字之间的布局，后来才被用于页面布局。实现float你可以把他们放在一个大的view里然后每个部分放在一个view里面然后设置里面view的float属性。不过建议在看懂float的基础上尽量看一下flex弹性布局比较好

解决办法比较多。推荐两种
1、使用flex布局
2、给float的元素一个宽度即可

可以直接两个div设置同一个class， class的样式为{float:left; width:80px;}