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

【问题标题】：Fixed nav div in centered content修复了居中内容中的导航 div
【发布时间】：2011-02-22 05:16:00
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

确保它是文档流中的第一个元素，就在<body> 之后，并且它的行为应该与您描述的一样。

【讨论】：

哇，速度真快，就像 hjsfiddle.net 一样！但这是距离左上角 10/10 像素的固定 div 吗？不在居中的父 div 的右侧？
是的，如果你想让它固定在屏幕顶部，你必须使用position: fixed;。有了这个，你就不能使用边距居中，（margin: 0 auto;）所以你可以使用 left 属性来随意放置它。您可以使用 px、em、% 或您选择的任何单位作为度量单位。
这就是问题所在。我希望导航 div 位于一个位置：相对于父 div 固定，而不是浏览器窗口。如果调整浏览器大小，看不到在 css 中使用 em 或 % 将如何获得正确的行为。那时必须涉及一些数学。
啊哈，好吧，如果父级位置固定，您当然可以使用 margin: 0 auto ;) 用一个新示例更新了我的答案 :)
父对象居中，如上图所示。