<!DOCTYPE html>
<html lange="en"> <!-- 设置语音 -->
<head>
<meta charset="UFT-8"> <!-- 设置编码格式 -->
<title>Title</title>
<style>
.pg-head{
height:48px;
background-color:black;
color:white;
position:fixed; /*position 属性把元素放置到一个静态的、相对的、绝对的、或固定的位置中。*/
/*位置被设置为 fixed 的元素，可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及"bottom" 属性来规定。不论窗口滚动与否，元素都会留在那个位置。*/
top:0;
right:0;
left:0
}
.pg-body{
background-color:#dddddd;
height:5000px;
margin-top:50px; /*距离父级向下偏离50px*/
}
</style>
</head>
<body>
<div class="pg-head">头部</div>
<div class="pg-body">内容</div>
</body>
</html>
