简单页面布局

d蓟砜***

页面如图，想问下各位大神每列底部部分样式该怎么设置？按钮和图标位置该怎么设置样式？
主页

*{ margin: 0; padding: 0;}.left{ float: left; width: 33%; height: 643px; background-color: #50abff; position: relative;}.middle{ float: left; width: 34%; height: 643px; background-color: #ffef25;}.right{ float: right; width: 33%; height: 643px; background-color: #ff5261;}.box{ width:100%; background-color: #b4d1d7; text-align:center; position: absolute; top:400px;}.btn{ width:80px; margin:0 auto; background-color: #b4d1d7; border: 1px white solid;}

四***

☆按钮*{margin:0;padding:0;}.box{width:33.3%;background:darkred;height:643px;position:relative;}.box.bottom{width:100%;background:rgba(255,255,255,0.5);position:absolute;bottom:0;height:120px;text-align:center;}.box.bottom.icon{color:orange;font-size:40px;display:block;margin-top:10px;}.box.bottombutton{background:transparent;border:1pxsolid#fff;color:#fff;padding:5px40px;margin-top:20px;outline:none;cursor:pointer;}对方并不想和你说话，并给你扔了一段代码

已有账号？

找人解决需求

简单页面布局

全部参与1

热门问答

d蓟砜***

今日需求悬赏

今日问答求助

发布任务需求已有1031166位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端