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

Question

我有一个居中的容器 div，左侧包含一个内容 div，右侧包含一个导航 div。我希望修复导航 div，就像不随内容滚动一样。见下图。这可行吗？

Answer 1

这确实是可能的，在您的 CSS 中使用它：

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

确保它是文档流中的第一个元素，位于 之后，并且它的行为应如您所描述的那样。

可以在此处查看示例。

此处更新了固定位置父级的示例。

更新了以父级为中心并固定导航的示例。