📅 最后修改于: 2023-12-03 14:41:48.711000 🧑 作者: Mango
在HTML DOM中, right 属性设置或返回元素右侧的位置。该属性仅适用于带有已定位的位置属性的元素。
object.style.right="length|%|auto|initial|inherit"
属性值 | 描述 ------|------ length | 正数值。定义该元素到包含元素的右侧边界之间的空间。 % | 相对于包含元素的宽度，定义该元素到包含元素右侧边界之间的空间。 auto | 默认值。浏览器计算该值。 initial | 规定应该使用属性的初始值 inherit | 规定应该从父元素继承属性值
<!DOCTYPE html>
<html>
<head>
<style>
div{
position:absolute;
right: 50px;
background-color: yellow;
padding: 20px;
}
</style>
</head>
<body>
<h2>通过设置 style.right 属性将div元素与body元素右侧边界的距离为50px。</h2>
<div>我是一个放置在右侧的元素，距离body的右边框为50px。</div>
</body>
</html>
如上所述，right属性仅适用于具有已定位位置属性的元素。 因此，在使用此属性时，请先确定您的元素是否已获得定位 - 如相对位置，绝对位置等。 然后，使用右侧属性，将您的元素放置在正确的位置，使其与父元素的右侧边界保持一定的空间，增加网页的可读性。