多分辨率间的 CSS 绝对定位答案

【问题标题】：CSS absolute positioning among multiple resolutions多分辨率间的 CSS 绝对定位
【发布时间】：2011-03-21 15:43:28
【问题描述】：

我网站的主要部分包含多个 DIV，其中一个位于 Flash 的“背景”(z-index:-1;) 中。在该 DIV 之外，我还有另一个需要与 Flash DIV 重叠的（只是文本）。我不能让它们并排放置，因为 Flash 的宽度为 100%。所以我对 CSS 绝对定位做了一些重叠。但是，当调整浏览器的宽度或高度时，这会中断。

有哪些选项可以将第二个 DIV 保留在屏幕的特定部分？

更新 - 添加代码

<div id="yjsg2">
    <div id="adv1" class="yjsgxhtml" style="width:72.00%;">
    <div id="adv2" class="yjsgxhtml" style="width:28.00%;">
</div>

CSS 看起来像

#adv1 {width:100% !important;}
#adv2 {position:absolute; left:665px; top:110px;}

所以它的代码相当简单，都是定位的问题。

【问题讨论】：

有没有机会链接到该站点？如果做不到这一点，这将有助于查看一些代码。或者，你可以画一幅画。
您能提供一个实时链接或演示吗？ jsfiddle.net 或 jsbin.com
我在下面添加了一段示例代码

标签： html css css-position absolute

【解决方案1】：

如果可以，请将容器元素设置为具有相对位置，因为如果给定除静态以外的任何位置（默认），则绝对定位元素的定位基于它们与其父级的相对位置

【讨论】：

谢谢！这个答案让我得到了我需要的东西。我看过类似的东西，但我把它放在 item 而不是 container 我没有意识到将它添加到容器中会对子项。

【解决方案2】：

CSS 绝对定位和可调整大小的页面不能很好地混合，因为盒子模型对此没有提供很好的支持（有很多关于它的抱怨/抱怨）。一种选择是基于 javascript 的布局管理器，例如 http://layout.jquery-dev.net/

【讨论】：