这个图片怎么布局，怎样实现

栅栏布局。

很简单呀，很多UI框架都有栅格系统，比如bootstrap,ElementUI，layUI等，如果不使用框架也可以实现，比如
把两个div放到一个div中，然后给两个div的样式中加上style="float:left"即可 代码如下

<div>
<div style="float:left">
<img src="x.jpg"/>
</div>
<div style="float:left">
<form>
登录<input type="text"/>
密码<input type="text"/>
</form>
</div>
</div>

div+flex布局 。你先自己尝试一下布局