个人主页错位.是因为用到了层,层用了绝对定位.
在不同的分辨率下面,可能在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>,而是其他标签,都可以这样用是吗:
如上面所说的,层可以单独使用,当然也可以和别的元素一起使用~

2 对 “如何固定层的位置”的想法;

发表评论

电子邮件地址不会被公开。 必填项已用*标注