问题标签 [css-position]

我正在尝试查看是否可以在不使用 position: absolute 或将图像作为元素背景的情况下将一些文本放在图像上。
限制的原因是 HTML 代码要进入电子邮件，而 hotmail 两者都不支持。
我记得当我第一次开始学习 CSS 时，在图像周围摆弄浮动文本时，我经常会发现文本在图像上到处都是欢快的。可悲的是，我无法重现这种行为。

全文（已编辑）：
我从图形设计师那里收到了精美的布局。它基本上是一张漂亮的背景图片，带有链接到网站的徽标，中间基本上是“文本到这里”区域。
在这些情况下，像往常一样，我使用表格来确保一切都保持原位并且可以跨浏览器+跨邮件客户端工作。
问题出在中间的“文本到这里”区域不是白色矩形，而是有一些背景图形。
经过一些测试，Live Hotmail 似乎不喜欢这两个位置：绝对或背景图像；相对边距也不好，因为它们会破坏布局的其余部分。

当前版本，适用于任何其他邮件客户端/网站：

当然，“不可能”可能是一个完全可以接受的答案，但我希望不是；）

当我跳转到宽（4000 像素）页面上的锚标记时，锚定图像水平对齐到右侧。我怎样才能让它与中心对齐？我尝试了几件事，但似乎都没有。由于我是新来的，所以我不允许发布代码，所以我希望我足够清楚。

谢谢你的帮助，

罗伯特·C。

我正在建立一个网站，用户（不了解 html/css）将定制设计简单的静态 HTML 页面。几年前，我使用了一个 CMS，它使用绝对定位和拖放来设计静态页面，它是一个非常容易掌握的 UI。

我想知道是否有可以在我的新站点中实现的 javascript 解决方案。它需要像 TinyMCE 这样的基本粗体、斜体、字体大小、图像上传，但我也希望元素完全由用户定位。

有人知道这样的解决方案吗？

JQuery 解决方案很好，因为我在网站上仍然使用 JQuery。我宁愿不必加载第二个框架。

我在这个网站上工作：http ://waterwing.waterwing.ca/

右上角的动画是完美的，除了它创建了一个水平滚动条，它的定位方式。

它绝对位于顶部和右侧 -120 像素。我只是想知道如何制作它，这样它就不会扩展正文，并且一旦它碰到页面边缘就会隐藏起来，这样就没有滚动条了。

滚动条在 Windows Firefox 上似乎不存在，但在 Mac Firefox 和 Safari 上存在。

谢谢，韦德

我正在尝试为父位置相对的子元素设置宽度。但是当我给孩子的宽度大于父母的宽度时，FireFox 中父母的宽度将会改变。而在 IE6/IE7 中，我必须更改父级的宽度，然后才能更改子级的宽度。现在，我需要改变孩子的宽度，但不要改变它的父母。谢谢！

我想知道如何做到这一点，我目前的标记如下：

现在，如果我在 last 之后创建一个段落标签，</div>则标签的内容p不会出现在浏览器中的所有这些 div 下。有什么想法我该怎么做？

多谢你们

我有一个页面，我需要在 html 和 body 标签中使用溢出：自动，因为我有一个位置：固定元素，为此我必须在 IE 中使用位置：绝对（因此，溢出：自动摆脱 IE漏洞）。

该位已排序。

但现在我的问题是我有其他位置：我页面上的相对元素。在我放 *html, body{ overflow : auto;} 的那一刻，那些相对定位的元素表现得很奇怪，并且由于另一个 IE 错误（overflow:auto 和 position:relative 错误）在 IE 中得到了修复。

在我被告知的一般情况下，此错误的解决方法是在“包含元素”中包含 position:relative。但这是不可能的，因为我的包含元素在 IE 中需要一个 position:absolute 才能使固定元素工作。

我该如何解决这个问题？

请帮忙

我有以下标记：

但我想在'playArea' div 下有一段文本，但因为playArea 内的所有div 都是绝对的，所以文本不会出现在最后一个绝对定位的div 的底部。

我已经对此进行了调查，并通过使用 float:left 和 clear:left 找到了替代方法，但是在第一个 div 上使用此方法后，您无法正确定位 div，因为第二个 div 的起点位于第一个 div 下方而不是(0,0)。关于我如何得到这个的任何想法。

谢谢

快到 2010 年了，我仍在处理 IE6 错误。叹息。

所以，这是一个新的（对我来说），我无法通过谷歌找到答案。我正在创建一个带有内阴影的 DIV。div 需要在宽度和高度上灵活。为此，我为 DIV 提供了内部阴影的背景图像。然后，我为其他 3 个角（右上角、右下角、左下角）添加 3 个额外的绝对定位的 div，并给它们每个高度，以便它们重叠。

除了（毫不奇怪）IE6 之外，这在所有浏览器中都非常有效。在 IE6 中，绝对定位的 div 没有任何高度。我试过使用 zoom: 1 来触发有布局，但没有这样做。有谁知道解决这个问题？

更新：澄清问题（因为我认为角落问题是一个红鲱鱼）：如何在相对定位的 div 中拥有绝对定位的 DIV 并让嵌套的 DIV 遵守 IE6 中的百分比高度属性？

更新 2：更多信息：如果容器 div 有明确的高度，则此方法有效。问题是当您希望容器 div 的高度基于相对定位的 div 的高度时。看来 IE6 就是想不通。

我想制作一个position: fixed;以屏幕为中心的具有动态宽度和高度的弹出框。我用margin: 5% auto;这个。没有position: fixed;它，水平居中很好，但不是垂直居中。添加后position: fixed;，它甚至没有水平居中。

这是完整的集合：

如何使用 CSS 在屏幕中居中此框？