一个简单页面的布局问题

levi***

页面如图所示。我的问题出在包含按钮及图标的部分，我用绝对定位，但是位置老不对，这部分样式改怎么设置？
主页

*{ 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% position:absolute; top:400px; background-color: #b4d1d7;}.btn{ background-color: #b4d1d7; border: 1px white solid;}

吉利***

写代码最重要的是仔细些。首先class为box的div的“class”写成了“calss”，其次在css中的box的width后没有加分号“;”。

你要的效果代码，我贴下面了。
望采纳！


  主页

  *{
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%;
height: 243px;
position:absolute;
top:400px;
background-color: #b4d1d7;
}
.btn{
position:relative;
top: 70%;
left:50%;
background-color: #b4d1d7;
border: 1px white solid;
}

已有账号？

找人解决需求

一个简单页面的布局问题

全部参与1

热门问答

levi***

今日需求悬赏

今日问答求助

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

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端