html 后台页面布局
2021-06-09 04:12
阅读：438
YPE html>
标签：initial 个人 padding block log :hover html width radius
body{
margin:0;
}
.left{
float:left;
}
.right{
float:right;
}
.clear{
clear:both;
}
.pg-header .header{
margin: 0 auto;
width:100%;
min-width:1080px;
height: 48px;
background-color:#2a6496;
line-height: 48px;
color: white;
}
.pg-header .header .logo{
font-size:16px;
font-weight: 600;
width: 200px;
text-align: center;
padding:0 20px;
}
.pg-header .header .user{
width:150px;
height: 48px;
position: relative;
}
.pg-header .header .user-list{
width:120px;
background-color: grey;
position: absolute;
top:40px;
right:80px;
display:none;
z-index: 10;
}
.pg-header .header .user-list a{
display: block;
}
.pg-header .header .user a img{
height: 32px;
width: 32px;
border-radius: 50%;
padding: 0 5px;
vertical-align: middle;
}
.pg-header .header:hover .user-list{
display: block;
}
.pg-content .left_content{
position: absolute;
top:48px;
left:0;
bottom: 0;
width:280px;
background-color: grey;
}
.pg-content .right_content{
position: absolute;
right:0;
top:48px;
bottom: 0px;
left:285px;
background-color: #eeeeee;
overflow: auto;
}
.pg-content .right_content .right_text{
min-width: 780px;
background-color: red;
z-index: 9;
}
博客
howhy个人中心设置
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
erwer
html 后台页面布局
标签：initial 个人 padding block log :hover html width radius
原文地址：http://www.cnblogs.com/howhy/p/7302438.html
评论
亲，登录后才可以留言！