html页面布局：

html文件

css：

第一种方案：flex布局

 

css样式

第二种方案：transform

css样式