标签：color 100px height width 007 position navigator css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>positio</title>
<style>
.navigator{
height: 100px;
width: 1080px;
background-color:#71069b;
color: #e75e15;
position: fixed;
top: 0;
}
.navigator-son{
height: 100%;
width: 100px;
font-weight: bolder;
text-align: center;
line-height: 100px;
}
</style>
</head>
<body style="margin: 0 auto;width: 1080px" >
<h3>12-position:</h3>
<h3>12-position:1-fixed-标签固定在页面的某个位置</h3>
<h1 id="sample" style="background-color: #e75e15;text-align: center;margin-top: 100px">例子</h1>
<div id="i1" class="navigator">
<div class="navigator-son" style="font-size:33px;float:left">JoinQuant</div>
<div class="navigator-son" style="float: right">聚宽会员</div>
<div class="navigator-son" style="float: right">登录</div>
<div class="navigator-son" style="float: right">注册</div>
</div>
<div style="width: 1080px;height: 3000px;background-color: #9a9a9a">afsdfsfas</div>
<div style="position: fixed;bottom: 10px;right: 10px"><a href="#sample">回到顶部</a></div>
</body>
</html>
标签：color,
100px,
height,
width,
007,
position,
navigator,
css
From： https://www.cnblogs.com/lfyxys/p/16905689.html