<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
li {
width:240px;
height:40px;
line-height:40px;
padding:4px;
margin-top:5px;
border:1px solid olive;
}
.top{
position:fixed;
top:10px;
width:100%;
height:100px;
border:1px solid crimson;
background:black;
opacity:0.3;
z-index:99;
}
.container{
}
.nav{
top:120px;
position:fixed;
}
.content{
margin-left:300px;
padding-top:120px;
flex:6;
}
</style>
</head>
<body>
<div class="top">
</div>
<div class="container">
<div class="nav">
<li> <a href="#yue" >环境配置 </a></li>
<li> <a href="#guang" >Tips </a></li>
<li></li>
<li></li>
<li></li>
</div>
<div class="content">
<a name="yue" >环境配置</a>
<p>
<img src="http://ww3.sinaimg.cn/mw1024/60718250jw1eztlwk4kgnj20go08z3z6.jpg" width="" height="" alt="">
<img src="http://ww3.sinaimg.cn/mw1024/60718250jw1eztlwk4kgnj20go08z3z6.jpg" width="" height="" alt="">
</p>
<a name="guang" >Tips
</a>
<p>
<img src="http://ww3.sinaimg.cn/mw1024/8a37c5e1jw1eztmbcpj8cj20dy1b7djo.jpg" />
</p>
</div>
</div>
</body>
</html>
单独topbar设置position:fixed 或者单独用a锚点定位都没有问题,
但是放在一起,怎么样让点击锚点以后 从content的位置开始显示内容,而不是从浏览器顶部开始显示内容
锚点跳转位置上下偏移方法