Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在javascript或jquery中设置html元素的百分比位置_Javascript_Html - Fatal编程技术网

如何在javascript或jquery中设置html元素的百分比位置

如何在javascript或jquery中设置html元素的百分比位置,javascript,html,Javascript,Html,我试着将div的位置设置为身体100%的右侧。它需要如何在JavaScript(或jQuery)中完成 这就是我想象的代码的样子 const div = document.getElementById("div"); div.style.right = 100 + "%"; 任何我需要研究的信息或文件都将不胜感激,谢谢。为了澄清,我想将一个div移到正文的右侧,但我想在javaScript中以百分比的形式进行操作。您正在寻找CSS属性设置为100% const div=document.ge

我试着将div的位置设置为身体100%的右侧。它需要如何在JavaScript(或jQuery)中完成

这就是我想象的代码的样子

const div = document.getElementById("div");
div.style.right = 100 + "%";
任何我需要研究的信息或文件都将不胜感激,谢谢。为了澄清,我想将一个div移到正文的右侧,但我想在javaScript中以百分比的形式进行操作。

您正在寻找CSS属性设置为100%

const div=document.getElementById(“div”);
div.style.width=“100%”

@副总裁:在新问题版中-是否正确:0

@卡纳:我不敢相信我还没有试过。你解决了我的问题

所以,是的,
right
CSS属性是距离右侧的距离。
零表示«将div移到父级的右侧»


设置
位置:此元素中的绝对值

在父元素中设置位置:相对

对于css位置属性,百分比(%)仅适用于绝对位置

jQuery(文档).ready(函数(){
jQuery(“#子”).css({
“位置”:“绝对”,
“右”:“0”
});
});
#父级{
位置:相对位置;
宽度:100%;
边框:1px实心#000;
高度:100px;
}
#孩子{
宽度:50px;
高度:50px;
背景色:红色;
显示:内联块;
}


阅读以下内容:在新问题版中-是否正确:0
?@vp\u arth我不敢相信我还没有尝试过。你确实解决了我的问题,我删除了这个,因为我把问题说错了。如果不进行测试,
div.style.width=“100%”
似乎只是稍微简化了一下。我编辑了我的问题,如果仍然不清楚,我很抱歉。我希望这次编辑更有意义。谢谢,请在回答中稍作解释。