问题标签 [css-position]

为什么position: fixed应用了 CSS 的元素会导致 Firefox 在滚动它们所在的页面时占用 100% 的 CPU？有什么解决方法吗？

我在一些网站上注意到了这种行为，例如 StackOverflow 页面顶部的通知栏。我正在使用 Linux 以防万一。

这是我需要解释的 CSS 片段：

好的，显然这是图像的绝对定位。

1. top 就像从顶部填充，对吗？
2. 剩下的 50% 做什么？
3. 为什么左边距是-445px？

更新： 宽度为 860 像素。实际图像是 100x100 是否有区别？

如何在 WPF 中相对定位元素？标准模型是对所有内容都使用布局管理器，但是如果您想简单地根据其他元素的位置来定位元素（例如在 Canvas 上）怎么办？

例如，您可能希望将一个元素（例如按钮）附加到另一个元素（可能是面板）的侧面，而与该面板的位置或布局无关。任何使用过工程工具（SolidWorks、AutoCad 等）的人都熟悉这种相对定位。

将所有内容强制放入布局管理器（不同的 WPF 面板）对于某些场景没有多大意义，在这些场景中，您不关心元素由某个父容器维护，并且您不希望其他子容器受到更改的影响彼此的布局/外观。WPF 是否以任何方式支持这种相对定位模型？

我正在使用 ASP.Net/C# 中的一个网页，该网页使用文本框的绝对定位，事实上有几个。它工作得很好，直到我添加了更多的文本框。也就是说，现有的文本框仍然正确定位，但新的文本框没有，尽管我在 CSS 中为它们创建了新样式，就像其他的一样。一个例子如下：

同一个 CSS 文件（当然名称不同）中相同的样式在这个文件的上方和下方都可以正常工作。我已经检查、仔细检查和三重检查了 CssClass 属性中的样式名称，它是正确的。但是，无论我做什么，包括给它一个新名称，复制旧条目，重命名它们等等，这三个新文本框都将自己定位在页面顶部，而其他文本框则显示在正确的绝对位置. 我查看了 aspx 源页面并确保它们不在其他 DIV 中，等等。我对此束手无策。我现在确实想出了一个解决方法，但这不是我想要的方式（涉及以编程方式在 Asp:Literal 中创建一些 HTML。）

我检查了生成的源代码（通过 IE 的视图源），并且在生成的 HTML 中正确设置了类。

万一这很重要，还有一件事；这个网站项目最初是在 VS 2005 中创建的，并转换为 VS 2008 格式。没关系，但我想我会提到它。

有没有其他人经历过这种行为？

我已经实现了一个带有菜单的 YUI 拆分按钮。带有菜单的按钮出现在页眉和页脚 div 之间的滚动 div 中。当在页脚 div 附近显示菜单时，菜单会出现在 div 后面。

我尝试使用 -1 的 z-index 定位页脚 div。我尝试使用 z-index 为 500 定位包含菜单按钮的 div（在滚动 div 内）。菜单始终出现在页脚 div 后面。

我没有使用 YUI 布局。然而。如果我这样做会有帮助吗？>

我的网页上有一个侧边栏，它应该跨越页面的 100%（垂直）。然后它应该留在那里，所以当其余内容滚动时它不会。为此，我使用了：

这适用于所有现代浏览器！不幸的是，我必须为不支持 position:fixed 的 IE6 编写代码。你知道我会怎么做吗？

我与某人讨论了绝对定位。他声称最好的做法是确保在大多数浏览器中一切看起来都一样，并且这是保持网站外观和感觉的最简单方法。

我不同意他的观点，绝对定位将是补救措施，也是布局网页的整体最佳方法。

就我而言，我更热衷于使用边距/宽度/仔细浮动调整的方法，有时还使用偶尔的表格。这是一个轻微的概括，当然，我不会仅仅因为我在意识形态上反对它而停止使用绝对定位，只是我发现方法绝对定位，一条规则适合所有方法，正如我的同行所倡导的那样比较怀疑。

对此的普遍共识是什么？

我正在使用绝对定位和负边距（顶部：和左侧：）在我的网站中定位徽标和其他此类内容。我知道 IE6 存在负边距和绝对定位问题，我该如何克服这些问题以确保它们在 IE6 中正常工作？

我正在一个有两个绝对定位的 div 的网站上工作......徽标和菜单（导航栏）

即使在多次尝试 z-index 操作之后，IE 也将它们都掩埋了。看在上帝的份上，为什么 IE 不能像 Firefox 甚至 Opera 一样好用？

更新.......

我忘了提到这些 div 位于 Flash 电影上。我怎么可能把它漏掉？！

当我使用锚集 (...#xxx) 访问该站点时，顶部的图像会移到视口之外。

正常行为：http
://soc.org/index.php?id= 4 损坏的设计：http ://soc.org/index.php?id=4#c272

顶部图像是绝对定位的。google-analytics 代码后面有一些空白行。如果我删除它们，它会起作用。

感谢您的任何建议！