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  
  • 相关阅读:
    消息中间件
    swagger2 接口文档,整个微服务接口文档
    Java并发编程笔记之基础总结(二)
    Java并发编程笔记之基础总结(一)
    Python3 web Crawler
    使用JetBrains Intellij IDEA 开发Java EE应用
    用 Tomcat 和 Eclipse 开发 Web 应用程序
    gvim背景配色
    COBOL学习(2)
    如何删除一个顽固的文件(win)
  • 原文地址:https://www.cnblogs.com/zcy_soft/p/1952365.html
Copyright © 2011-2022 走看看