当前位置 主页 > 关于我们 > 站长日志 >

    position,HTML DOM position,position定义和用法

    栏目:站长日志 时间:2021-02-25 16:20

        定义和用法
        position 属性把元素放置到一个静态的、相对的、绝对的、或固定的位置中。
        语法:
        Object.style.position=static|relative|absolute|fixed
        可能的值
        实例
        本例把元素位置由相对改为绝对:
        <html>
        <head>
        <style type="text/css">
        input
        {
        position:relative;
        }
        </style>
        <script type="text/javascript">
        function setPositionAbsolute()
        {
        document.getElementById("b1").style.position="absolute";
        document.getElementById("b1").style.top="10px";
        }
        </script>
        </head>
        <body>
        <p>This is an example paragraph</p>
        <p>This is an example paragraph</p>
        <input type="button" id="b1" onclick="setPositionAbsolute()"
        value="Set button position to be absolute" />
        </body>
        </html>
        TIY
        position - 改变元素的位置