如何使用JavaScript设置定位元素的正确位置?
要设置元素的正确位置,请在JavaScript中使用right属性。
示例
您可以尝试运行以下代码以使用JavaScript设置定位元素的正确位置-
<!DOCTYPE html> <html> <head> <style> #box { width: 350px; height: 200px; background-color: orange; border: 3px solid red; position: absolute; } </style> </head> <body> <p>Click to set the right position.</p> <button type = "button" onclick = "display()"> Set Right Position </button> <div id="box"> <p>This is a div. This is a div. This is a div. This is a div.<p> <p>This is a div. This is a div. This is a div. This is a div.<p> <p>This is a div. This is a div. This is a div. This is a div.<p> </div> <br> <br> <script> function display() { document.getElementById("box").style.right = "70px"; } </script> </body> </html>