Question

我网站的主要部分包含多个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;}

所以它的代码非常简单，所有这一切都取决于它的定位。

Answer 1

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

Answer 2

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

CSS绝对定位在多个分辨率之间

2 个答案: