修复了居中内容中的导航div

时间:2011-02-21 12:32:18

标签: css html fixed centering non-scrolling

我有一个居中的容器div,左边是一个内容div,右边是一个nav div。我希望修复导航div,就像不滚动内容一样。见下图。这可行吗?

enter image description here

1 个答案:

答案 0 :(得分:4)

确实可以,在CSS中使用它:

.navElement
{
   position: fixed;
   top: 10px; /*your distance from the top*/
   left: 10px; /*your distance from left*/
}

确保它是文档流程中的第一个元素,就在<body>之后,它应该按照您的描述运行。

An example can be seen here

Updated example for fixed position parent here

Updated example for parent centered and nav fixed