W3School TIY
编辑您的代码：
<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> <p>This is an example paragraph</p> <p>This is an example paragraph</p> <p>This is an example paragraph</p> <p>This is an example paragraph</p> <p>This is an example paragraph</p> <p>This is an example paragraph</p> <p>This is an example paragraph</p> <p>This is an example paragraph</p> <p>This is an example paragraph</p> <p>This is an example paragraph</p> <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>
查看结果: