<div class="main">
<div class="header">
<label>早上好！138****1168。label><a href="#">退出登录a>
<div class="other" style="float:right;">
<button>我的订单button>
<button>个人中心button>
<button>购物车button>
div>
div>
<div class="menu" >
<label >书店label>
<label >首页label>
<label >消息label>
<div class="search_box" style="float:right;">
<input type="text" placeholder='搜索栏'>
<button type="submit" ><i class="fa fa-search">i>
button>
div>
div>
<div class="nav">
<label>订单管理label>
<div class="SideBar">
<span><a href="#">订单管理a>span>
<span><a href="#">售后管理a>span>
<span><a href="#">评价管理a>span>
div>
<label>关注中心label>
<div class="SideBar">
<span><a href="#">我的收藏a>span>
<span><a href="#">浏览记录a>span>
div>
<label>账户中心label>
<div class="SideBar">
<span><a href="#">个人资料a>span>
<span><a href="#">我的优惠券a>span>
<span><a href="#">收货地址管理a>span>
<span><a href="#">账户安全a>span>
<span><a href="#">账号绑定a>span>
<span><a href="#">意见反馈a>span>
div>
div>
<div class="rside">
<label>个人中心label>
<div class="center" >
<img id="avatar" src="images/01.jpg"/>
<div >
<input type="text" id="name"/>
<a><label>收货地址label>a>
<a><label>优惠卷label>a>
div>
<div class="box2">
<label>信息label>
<div class="btn-group">
<div class="box">
<button type="submit">
<i class="iconfont icon-daifukuan">i>
button>
<label>待付款label>
div>
<div class="box">
<button type="submit">
<i class="iconfont icon-daifahuo">i>
button>
<label>待发货label>
div>
<div class="box">
<button type="submit">
<i class="iconfont icon-daishouhuo">i>
button>
<label>待收货label>
div>
<div class="box">
<button type="submit">
<i class="iconfont icon-daipingjia">i>
button>
<label>待评价label>
div>
div>
div>
div>
<div class="message">
<label> 我的订单label>
<div >
<a href="#" ><label>查看全部>label>a>div>
div>
<div class="collect">
<label>商品收藏label>
<div >
<a href="#" ><label>查看全部>label>a>
div>
div>
div>
<div class="footer">
<p>我是页面底部，主要放版权声明、备案信息、联系方式、友情链接等。p>
div>
div>
*{
margin:0;
padding:0;
text-decoration:none;
list-style:none;
}
.header,.footer,.menu{
width:100%;
background:linear-gradient(50deg,gray,white);
}
.header{
top:0;
position:fixed;
text-align:left;
}
.menu{
top:20px;
position:fixed;
text-align:left;
}
.nav{
bottom:0;
left:0;
position:fixed;
width:200px;
height:600px;
background:linear-gradient(50deg,gray,white);
}
.nav label {
margin-top:20px;
display:block;
text-align:center;
}
.nav a{
display:block;
text-align:center;
}
.nav a:hover{
background:#000;
opacity:0.2;
}
.rside{
width:1200px;
height:600px;
top:42px;
left:200px;
bottom:0;
position:absolute;
background:linear-gradient(60deg,gray,white);
}
.center{
width:1000px;
height:120px;
background:linear-gradient(50deg,gray,white);
top:50px;
left:80px;
position:relative;
display: flex;
}
.center img{
width:100px;
height:100px;
border-radius:50%;
}
.center input{
top:5px;
display: block;
}
.box{
display:inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.box2{
margin:0 auto;
display:flex;
flex-direction: column;
}
.btn-group button{
width:100px;
height:75px;
}
.message{
width:1000px;
height:120px;
background:linear-gradient(50deg,gray,white);
top:120px;
left:80px;
position:relative;
display: flex;
}
.collect{
width:1000px;
height:120px;
background:linear-gradient(50deg,gray,white);
top:170px;
left:80px;
position:relative;
display: flex;
}
.footer{
text-align:left;
bottom:5px;
position:fixed;
}
标签是因该写在navdiv下还是centerdiv下，另问a标签的href链接的jsp文件怎么设置格式？
不知道你这个问题是否已经解决, 如果还没有解决的话: