如何设置DIV层的相对位置?

如何设置DIV层的相对位置?,第1张

如何设置DIV层的相对位置,解决办法:

利用js代码首先创建一个div,document.createElement('div')

确认div添加位置,可以在某个dom元素后面,或者通过css属性控制具体位置,主要通过left/top等属性控制。

确定位置之后,显示div即可。 

DIV层的相对位置是对于此DIV的上下左右的容器决定的。

如:<div style="position: relativemargin-top:-100px">则此DIV会相对于上一个DIV向上移100PX。

而绝对是指对整个页面来说。

如<div style="position: absolutemargin-top:100px">则此DIV会相对于整个页面向下移。

你需要进行相对定位的position属性为absolute,相对于上一级的那个元素的position属性设为relative。相对位置是当前设置absolute属性的上级元素中,第一个设为relative属性的元素的左上角。

<table></table>

<div></div>

css: table{position:absolute········}

div{position:relativeleft: 你需要的相对左边位置 pxtop:你需要的相对上边位置 px}

如果要相对于同级、父级定位。用margin:上边距 右边距 下边距 左边距来定位。

如果要相对于浏览器窗口定位,用position设置为absolute加top\left\right\bottom四个属性来定位。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11134230.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-13
下一篇 2023-05-13

发表评论

登录后才能评论

评论列表(0条)

保存