zoukankan      html  css  js  c++  java
  • HTML DOM CSS position的用法

    语法:

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

    可能的值

    HTML DOM 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{
    	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  
  • 相关阅读:
    Cassandra的数据模型
    数组中只出现一次的数
    MyBatis总结
    Java线程池的使用
    Fork/Join框架详解
    WWW
    DNS远程和DNS日志
    [DNS]ACL、also-notify、视图服务器及安全设置
    Linux入门进阶第六天——登录文件、开机与模块管理
    Linux入门进阶第四天——服务管理
  • 原文地址:https://www.cnblogs.com/zcy_soft/p/1952365.html
Copyright © 2011-2022 走看看