html个⼈中⼼布局,html后台页⾯布局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;
}
博客html里的float是什么意思
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
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论