语法:

Object.style.position=static|relative|absolute|fixed

可能的值

HTML DOM CSS position的用法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
td{
	width:60px;
	height:59px;
}
.staticSpan{
	position:static;
	left:40px;
}
.relativeSpan{
	position:relative;
	top:20px;
	left:20px;
}
.absoluteSpan{
	position:absolute;
	top:100px;
	left:100px;
}
.fixedSpan{
	position:fixed;
	top:200px;
	left:200px;
}
</style>
</head>

<body><table width="500" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td > </td>
    <td><span class="staticSpan">static<span></td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="47"> </td>
    <td> </td>
    <td><span class="relativeSpan">relative</span></td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="41"> </td>
    <td> </td>
    <td><span class="absoluteSpan">absolute</span></td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="35"> </td>
    <td> </td>
    <td> </td>
    <td><span class="fixedSpan">fixed</span></td>
    <td> </td>
  </tr>
</table>
</body>
</html>

效果如下:

  static       
    relative    
    absolute    
      fixed  

相关文章:

  • 2021-07-07
  • 2021-06-15
  • 2022-12-23
  • 2021-08-25
  • 2021-06-13
  • 2021-06-23
  • 2021-08-04
猜你喜欢
  • 2022-12-23
  • 2021-10-31
  • 2021-04-19
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案