层定位

最新推荐文章于 2020-06-09 17:18:04 发布

lonz

最新推荐文章于 2020-06-09 17:18:04 发布

阅读量1.8k

点赞数

文章标签： border scroll div table layer

本文链接：https://blog.csdn.net/lonz/article/details/77781

版权

<html><head>
<meta http-equiv=Content-Type content=text/html;charset=gb2312>
<title></title>
</head>
<table width="100" border="0" align="center">
  <tr> 
    <td>aaaaaaa</td>
  </tr>
  <tr> 
    <td> <div id="Layer1" style="position:absolute; width:236px; height:166px; z-index:1; background-color: #6666FF; layer-background-color: #6666FF; border: 1px none #000000;"></div></td>
  </tr>
</table>
</body></html>

只要将<div></div>的代码放入<table></table>中，然后去掉style="position:absolute; 中的position:absolute; 即可让<div>给我老老实实的呆着拉，最好后面加上overflow: scroll;防止溢出，要不会很难看的哦

<div id="ta" style="position: relative; width:87px; height:300px; z-index:2; left: 30%; top: 35%;">
这就是一个相对定位，绝对定位只需将position改为:absolute