relactive相对定位
你要先选一个母体用 position：relative；子体用position：absolute；
子体里面 left top right 这些
就相对于母体左上角摆位置。
希望一起努力
网页可见区域宽或高、网页正文全文宽或高以及网页正文部分左或右，详细请看下文，希望对你有所帮助
具体代码如下：
网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
绝对相对于父元素的位置。position:relative
相对于父元素的相对位置。与absolute的区别是，relative与元素之间不可能交叉重叠。
position:static
静态位置。这个是个默认值。使用了这个属性，它的作用就与table差不多了。不能用left,top来定位
position:fixed 相对于浏览器的位置。无论，网页的滚动条如何滚动，它都会纹丝不动。
