在一个网页中如何固定几个DIV层位置，使这些层不因分辨率或窗口大小的变化而变化。

Question

在一网页中做了几个DIV层，但分辨率一调整或者窗口大小一调整整个网页就乱了，希望有人能解决。
谢谢。

Answer 1

用一个大层把所有的层都装在里面，设置好大层的合适的高度和宽度，就可以了。就是水一样，把它倒在地上它就会散开到处流，如果把它装到杯子里，那就成了一个整体了，那样就好控制了。

Answer 2

以下是存根据文本框的位置固定层的位置, 怎么都不会乱的
.work
{
position: relative;
top: 0px;
left: 0px;
}
<asp:TextBox ID="txt_work" runat="server" CssClass="work" asp:TextBox>
<iframe id="iframeWork" style="position: absolute; z-index: 999; width: expression(this.nextSibling.offsetWidth);
height: expression(this.nextSibling.offsetHeight); top: expression(this.nextSibling.offsetTop);
left: expression(this.nextSibling.offsetLeft);" frameborder="0"></iframe>
<div id="DIV" style="position: absolute; z-index: 1000; background-color: White;
overflow: auto; margin-top: 56px; margin-left: 150px; border: solid 1px Black;
height: 210px; width: 161px; text-align: left; top: 0px; left: -5px; >
</div>

Answer 3

你做到div层的宽/高度应该是按照网页的宽/高的百分比定义的。所以会随分辨率或窗口大小而变化。你可以直接计算出屏幕的宽度和高度，然后顶死div层的宽和高，它就不会改变了。