CSS-内容概括
position
background
text-align
margin
padding
font-size
z-index
over-flow
:hover
opacity
float
clear:both
line-height
border
color
display页面布局（主站布局+后台管理布局）实例：
主站布局：应分三部分，顶-主体-底
<div class=“header”>顶</div>
<div class=“content”>主体</div>
<div class=“footer”>底</div>
后台管理布局：
position：
fixed 永远固定在窗口的某个位置，不受滚轮滚动影响
relative 相对定位，单个使用时无意义
absolute 定位在指定位置，是绝对位置，受滚轮滚动影响
------------编程实例
EG--fixed--要求：左侧菜单需要跟随滚轮滚动变化
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{
margin:0 auto;
}
.pg-header{
height:48px;
background-color:#2459a2;
color:white;
}
.pg-content .menu{
position:fixed;
top:48px;
left:0px;
bottom:50px;
width:200px;
background-color:#dddddd;
}
.pg-content .content{
position:fixed;
top:48px;
right:0px;
bottom:0px;
left:200px;
background-color:purple;
overflow:auto;
}
.left{
float:left;
}
.right{
float:right;
}
</style>
</head>
<body>
<div class="pg-header"></div>
<div class="pg-content">
<div class="menu left">左侧管理菜单</div>
<div class="content left">
<p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p>
<p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p>
<p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p>
<p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p>
<p>abc</p><p>abc</p>&l
最低0.47元/天 解锁文章
2238
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
