如何在 CSS 中使用固定定位？答案

【问题标题】：How to work with fixed positioning in CSS?如何在 CSS 中使用固定定位？
【发布时间】：2012-04-10 15:22:14
【问题描述】：

我正在尝试在我的网站左侧进行固定的垂直导航。

但是，每当我给它的位置：固定;然后使用边距定位它，它会取消我在<nav> 标签中的信息上的任何链接。

有没有人知道如何改变这一点？

【问题讨论】：

【解决方案1】：

解决方案是使用 left 和 top 属性而不是边距进行定位 :)

#mydiv{
  position:fixed;
  top:100px;
  left:0px;
}

【讨论】：

3 年后，我再次登录我的 StackOverflow 帐户。先生，谢谢您的回答。

【解决方案2】：

这篇文章对你有用吗？

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fixed Position</title>

<style type="text/css">
#nav{
    position:fixed;
    background-color:#EFEFEF;
    width:200px;

    left:0;
    top:0;
}
#main{
    width:900px;
    margin:0 auto;
    background-color:#0CF;
    height:3000px;
}
</style>

</head>

<body>


    <div id="nav">
        <ul>
            <li><a href="#">Link1</a></li>
            <li><a href="#">Link2</a></li>
            <li><a href="#">Link3</a></li>
        </ul>
    </div>


    <div id="main">
    </div>


</body>
</html>

【讨论】：