如何固定层的位置

个人主页错位.是因为用到了层,层用了绝对定位.
在不同的分辨率下面,可能在800X600下面浏览是好的.
可是一到了1024X768浏览时,就有问题了.
换成相对定位就好了.在不同的分辨率下面也不出错位了.

解释一下.

相对定位是相对于前面的元素来确定位置
绝对定位则直接对浏览器坐标而言。
<div style="position:absolute;top:100px">AAA</div>为绝对定位
<div style="position:relative;top:100px">AAA</div>为相对定位
在代码中改

应用相对定位技术。

<center>
<table width="400" height="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#CCCCCC"><span style="position:relative">
<div id="Layer1" style="position:absolute; width:200px; height:38px; z-index:1; background-color: #00FFFF; left: 11px; top: 0px; layer-background-color: #00FFFF; border: 1px none #000000;">这是应用了相对定位的</div>
</span></td>
</tr>
<tr>
<td bgcolor="#666666">
<div id="Layer2" style="position:absolute; width:200px; height:38px; z-index:1; background-color: #00FF00; left: 200px; top: 175px; layer-background-color: #00FF00; border: 1px none #000000;">这是没有应用的</div>
</td>
</tr>
</table>
</center>

我照着这段代码摸索了半天,搞懂了一点:
是不是所谓固定层,首先要找个相对固定对象,比如说以上这段代码中的<td>,然后在
<td>后加上控制层相对固定的代码:<span style="position:relative">, 然后写要固定的层:<div .....>....</div></span>, ...最后是</td>,也就是说要固定的层必须写在固定对象即<td></td>之间,而且<div></div>中的参数“left: 。。px; top: 。。px”是指相对于<td>的位置?
如果是这样的话,如果层锁定的不是<td>,而是其他标签,都可以这样用是吗?

固定的层必须写在固定对象即<td></td>之间:
<div>(层)可以单独使用,不一定被<td>(表格)包住~

<div></div>中的参数“left: 。。px; top: 。。px”是指相对于<td>的位置:
应该说用来定义<div>

如果层锁定的不是<td>,而是其他标签,都可以这样用是吗:
如上面所说的,层可以单独使用,当然也可以和别的元素一起使用~

版权声明:
作者:xiaoniba
链接:https://blog.xiaoniba.com/2007/03/15/%e5%a6%82%e4%bd%95%e5%9b%ba%e5%ae%9a%e5%b1%82%e7%9a%84%e4%bd%8d%e7%bd%ae/
来源:小泥吧的博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>