Javascript 相对位置问题

Javascript 相对位置问题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,具有位置的元素:相对;相对于其正常位置进行定位 设置相对定位图元的“上”、“右”、“下”和“左”属性将使其偏离其正常位置进行调整。其他内容将不会调整以适应元素留下的任何间隙 资料来源如下: 现在,我如何使相对位置作为视口工作,并通过设置高度、宽度等(如固定位置)进行相应调整。 这在css中是否可能? 如果没有,我该怎么办 选中此项,然后尝试: div{ POSITION: relative; TOP: 450px; LEFT: 651px; width: calc(100% - 651px)

具有位置的元素:相对;相对于其正常位置进行定位

设置相对定位图元的“上”、“右”、“下”和“左”属性将使其偏离其正常位置进行调整。其他内容将不会调整以适应元素留下的任何间隙

资料来源如下:

现在,我如何使相对位置作为视口工作,并通过设置高度、宽度等(如固定位置)进行相应调整。 这在css中是否可能? 如果没有,我该怎么办

选中此项,然后尝试:

div{
POSITION: relative; 
TOP: 450px; LEFT: 651px; 
width: calc(100% - 651px);
float: left;
}

您也可以使用javascript或jquery来执行此操作。

请为您的代码添加一个提琴。它极大地帮助了那些试图帮助你的人。好吧,等等,我正在添加fiddleOh@CodeRomeos,请立即帮助。使用position:absolute;为什么你把左边的:80px;在css中?如果您删除该80px,它将自动调整到视口。