Question

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

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

有没有人对如何改变这个有任何想法？

Answer 1

解决方案是使用left和top属性定位而不是边距：）

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

Answer 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>

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

2 个答案: