问题标签 [css-position]

在查看网页的源代码时，我遇到了这个 CSS，应用于按钮内的 span：

是什么left: -1e+7px;意思？这是我应该注意的一些技巧吗？

因为我的最后一个问题立即得到了回答.. 我决定发布一个新的，它把我所有的头发都拿走了，XD

这就是问题..

我有一个绝对定位的 div 的设计。它有一个透明的 png 和一个简单的锚点......就像这样。

所以..我需要这个 div.buyfloat 定位在一个绝对位置...不要四处移动..不跳跃不褪色..我只需要距离页面最底部 200px 的位置...因为我只需要它我的页脚的顶部.. 随着页面高度的增加或减少.. 我不能使用顶部选择器。

好吧..“使用底部！” 你可能会说..是的先生我试过..但出于某种原因..底部选择器使用窗口高度（可见部分）而不是整个东西..如果我向下滚动页面..图像是就在页面的中间。

我正在寻找一些javascript（我想我前一段时间看过一个），它可以让我在css上获得正确的身高。但如果你有任何不同且更简单的解决方案..我全神贯注！

提前致谢。

我正在尝试将页面上的某些元素定位在绝对位置。我使用了以下测试代码（我将 <> 替换为 [] 以通过 HTML 清理器）：

这完成了它在 IE 中显然应该做的事情，但只是在 FF (3.0) 中将 div 彼此向下流动。我知道 CSS 支持是相当多变的。我错过了什么，有没有更标准的方法来做到这一点？

我在 IE6 上定位左侧边栏（可变高度 DIV）时遇到问题。

主要需求： 1.我不能设置高度值，因为高度是变化的，应该由浏览器计算。2. 侧边栏必须有顶部和底部的间距。

顶栏问题通过将位置替换为相对来解决。

有任何想法吗 ？先感谢您 ！

您可以在下面看到简化的代码并快照它在标准浏览器上的外观。

屏幕截图链接

我在相对定位的元素（正文内容）之后放置了一个绝对定位的元素（标题）。由于某种原因，这在除 IE8 之外的所有浏览器中都可以正常工作。标题与内容元素重叠，但未定位在其绝对位置。我使用的css规则：

标题部分从内容元素位置呈现，其位置有空格。

这是IE8中的错误吗？谁能帮我解决这个问题？

我正在尝试将 div 放置在页面的左上角，并且无论浏览器窗口大小调整或页面滚动如何，我都希望它留在那里。

如何使用纯 CSS（如果可能）或使用 jQuery 来做到这一点？

我从来没有对我在网页中居中内容的各种解决方案完全满意。该<center>标签早在 18 世纪中叶就已被弃用，但我找不到合理的替代方案。具体来说，我想要的是有一个居中的父 DIV，但我可以在其左上角设置“绝对”。

有没有办法在不使用重新测量所有内容的 window.onresize javascript 的情况下完成此操作？这似乎是一个相当直接的想法......我想要绝对定位的东西，我只希望 0,0 坐标相对于浏览器窗口左上角以外的东西。

现在，我所做的是设置一个 div 以使其内容居中，然后使用相对定位来绕圈，但这很烦人，因为相对对象会以我完全不想要的方式相互推动。

对此的任何和所有想法都非常感谢。

我正在创建一个基于 CSS/XHTML 表格的日历原型，最终将使用 PHP 为 Simple Updates 内容管理系统生成。我遇到了使用绝对定位来创建一个弹出窗口的问题，该弹出窗口将显示一天中的所有事件，而单元格中的事件超出了容纳范围。问题可以在这里看到：

http://sutest.bravehost.com/

如您所见，弹出窗口在 IE7 和 IE6 中的多日事件和日期下弹出。在弹出窗口上放置一个 z-index 解决了 Firefox 中的问题。我尝试在弹出窗口上放置各种 z-index 值，更改弹出窗口和相关元素的显示属性，以及许多其他不同的方法，但没有成功。

HTML如下：

这是表格中带有硬编码弹出窗口的单元格。第一个列表包含正常的可见事件。包含第二个 div 的 div 是弹出窗口。它应该在多日活动中显示：

我正在使用列表项来“伪造”多日活动。今天的 li 被设置为在 IE 6 和 7 中显示在弹出窗口上的栏的部分。

与弹出窗口相关的 CSS：

对于多日活动：

我试图通过反复搜索谷歌并尝试其他问答网站来解决这个问题。

任何帮助将不胜感激！

我有这个问题不允许我绝对定位页脚。我放置它，它在 IE 中以 5px 的边距出现，在 Firefox 和 Chrome 中完美显示......我真的不知道为什么会发生这种情况......这是 HTML：

和CSS：

我希望图像“cesped.jpg”出现在底部：0px；但它不会留在那里=/我错过了什么或添加了一些我不应该拥有的东西吗？

编辑

我基本上想让页脚位于“内容” div 的最底部，但它不能放在那个 div 中，因为它是固定宽度，我希望这个图像重复-x 到整个浏览器（因此它被放置在内容之后和宽度为“100%”的包装器之前；我尝试让包装器的位置绝对和相对，但它仍然不会将自己置于最底部......我已经尝试将它“自然地推下” “但它不会...

这是它的外观（在 Chrome 中看起来像）：（_{来源：flickr.com）}

然后是 IE 和 Firefox：

_{（来源：flickr.com）}

_{（来源：flickr.com）}

编辑 2

我发现了这个问题，由于某种原因，我的#wrapper 没有扩展到覆盖整个浏览器高度，而只是其中的一小部分，有人知道我错过了什么吗？我补充说：

嘿伙计们，我的第一个问题是堆栈溢出。试图让一些非常简单的工作，我确信我错过了一些非常明显的东西。仍然习惯于“标准” css，与非功能性 css 一起工作了太多年！呵呵。

所以，我正在做的示例：

本质上：第一个 div 是一个容器，我想在添加内容时自动溢出。在该容器内部，我有一个弹出菜单，我在此处对其进行了简化。弹出菜单（应该如此）直接出现在“hello”下方。

然而，我的问题是，不是弹出菜单从父级“出来”，正如绝对位置所预期的那样，它实际上导致滚动条出现在父级上。

我知道，如果我将 otu 设为“位置：相对”，它会起作用，但它不再出现在我想要的位置（直接在前一个元素下）。

我在这里想念什么？

编辑：示例：http: //marcos.metx.net/OverflowTest.htm