问题标签 [css-position]

我正在尝试将表格向上移动 6px。

在它的正上方有一张桌子，所以这意味着它们必须重叠。这可能吗？

我努力了

和

我的菜单上有一个绝对定位的导航，它被发送到左侧。*

它应该看起来像这样：

在除 IE6 之外的所有浏览器中，它都可以。在 IE6 标准模式下，它看起来更像这样：

这就是棘手的地方。在 IE6 的quirks mode中，它看起来是正确的（就那个框而言；其他一切都是垃圾）。

如何在不强制怪癖模式的情况下从 IE6 获得正确的行为？

* 是的，我知道我应该为此使用浮动，而不关心它会拉伸整个文档。但是导航栏的背景到达页面底部显然是神圣的，而且它不是平铺的background-image.

两个标签之间有一个换行符<img>，它们在文档中缩进以便格式化。

但我使用相对定位和 z 顺序将一个图像（布局的一部分）放在另一个图像之上。

我有这样的东西

第一个标签后的换行符<img>添加了一个空格，然后当我设置第二个<img>标签的相对左侧位置时，该空格被考虑在内，它被设置在第一个图像的右侧一点点。

我不想将它们放在同一行，使较低的图像标签成为背景不是一个选项（它必须调整大小），并且摆弄相对位置是不可能的（我假设空格在不同的浏览器/系统上会有不同的大小）。

我可以做这个工作吗？

编辑——更多信息

间距正在摆脱相对定位。有没有办法将它们绝对定位，而是定位到另一个具有静态定位的元素的leftand ？top

无论如何，当前状态下的布局有一个图像与另一个图像重叠。重叠的图像是 div 背景，而布局是 div 中的图像。

单击链接时，我需要更改重叠的图像（单击图像的缩略图，重叠的图像中会出现较大的版本）。但图片大小不同，比默认的 div 背景图片大。我无法调整 div 背景的大小，因此它必须是图像。但问题是让一张图像与另一张图像重叠。他们还希望我在图像之间淡入淡出，所以我需要两张图像，堆叠在一起（顶部的一张淡入淡出到底部的一张），再加上布局的边缘在上面。

我不知道如何以其他方式完成此操作

I have a holder div on the page where I want to load small images in on random position as a collage with 10px padding on each.

How can I make sure that images never overlap each other or holder div? Is there a plugin or function that I could use?

My code so far:

});

实际上，我需要在 JS 中将所有绝对定位的元素向下移动 x 个像素。我是否需要遍历每个元素并尝试确定它是否绝对定位？或者，还有更好的方法？

谢谢，马拉

更新： 具体：我正在使用书签将 JS 注入任何页面 - 因此我无法以任何方式更改标记或实际的 css 文件。除其他外，此小书签应将所有绝对定位的元素向下移动 155 像素。

我在使用此页面时遇到了一些困难。它几乎可以正常工作。

红色框应位于窗口的中心 (h&v)。作品。

黄色框应贴在窗口底部。作品。

当窗口小于 400 像素高时，滚动条应出现，黄色框应出现在滚动区域的底部。基本上我不希望黄色框出现在红色框上，反之亦然。不工作

有谁知道我怎么能做到这一点？

谢谢。

我创建了一个带有浮动栏的页面。问题是，当我移动右侧的滚动条时，浮动底部栏正在急速移动，尽管它最终位于底部。

我试图通过删除背景身体图像或删除overflow:autofor来修复生涩的运动container-msg。它工作，但我需要有那些。我能做些什么来使这个动作顺利进行？

HTML 是：

我在这里找到了一个使用单个图像使用圆角的示例。我在 IE7+ 和 FireFox 中完美运行。

以下是一个示例选项卡布局：

以下是我的 CSS 样式：

问题是当我的 div 的宽度是偶数时，我最终会得到一个 1px 的右侧边框，就好像右上角的 div 实际上被定位为 right:1px。当宽度为奇数时，我看不到选项卡的右侧灰色，并且 div 按预期显示。

我使用的图像可以在这里找到。一个完整的例子可以在这里找到。

为什么右上角的 div 没有正确定位在 right:0px？当标签宽度为偶数时，为什么我在 IE6 中会出现 1px 的间隙？

在我使用过的每个浏览器中，除了 ie8，绝对定位的元素可以根据最近的父元素进行相对定位。

下面的代码显示了一个表中的两个 div。顶部 div 具有 position: relative，但是，嵌套的、绝对定位的元素不尊重其边界（在 ie8 中，它位于页面底部而不是父 div 的底部）。

有人知道解决这个问题吗？

好的，我注意到了一些东西，但在 CSS 规范中找不到它。position: fixed相对于浏览器视口，为元素设置样式将绝对定位它。如果将一个固定位置的元素放在另一个元素中会发生什么？

示例 CSS 如下所示：

据我所知，该元素相对于它最近的也是固定定位的父元素是固定定位的。这在所有浏览器中都可以观察到吗？另外，它是错误还是故意行为？

到目前为止，我还没有找到有关此主题的任何内容，只是“固定位置使其粘在页面上”。