js怎么样实现网页两个元素的相对位置一定

JavaScript019

js怎么样实现网页两个元素的相对位置一定,第1张

不是很具体你的需求,你可以这样试试:

你可以先给这两个元素一个共同的父元素参照,如:包一个div,然后给这个div定位一下

div{position:relative}

然后再给这个两个元素分别定位

div .div1{position:absolute}

div .div2{position:absolute}

js网页绝对定位/相对定位,参考如下:

<html>

<head>

<meta http-equiv="content-type" content="text/htmlcharset=GB2312" />

<title>CSS和Js演示网页绝对定位与相对定位</title>

<!-- 通用样式表 -->

<style>

* { font-size:12pxfont-family:宋体, Arial} /*规定了所有的字体样式*/

body { overflow:autoborder-style:nonemargin:0pxpadding:0px}

.tools { position:absolutetop:180pxleft:10px}

#abs { position:absoluteleft:10pxtop:10pxwidth:150pxheight:150pxbackground-color:buttonfacepadding:10px}

#rel { position:relativeleft:170pxtop:40pxwidth:150pxheight:120pxbackground-color:buttonfacepadding:10px}

</style>

<script>

function logEvent(){

$("ipt_x").value = event.x

$("ipt_y").value = event.y

$("ipt_x2").value = event.clientX

$("ipt_y2").value = event.clientY

}

function $(str){ return(document.getElementById(str))}

window.onload = function(){

document.onmousemove = logEvent

}

</script>

</head>

<body>

<div id="abs">绝对定位</div>

<div id="rel">相对定位</div>

<div class="tools">

event.x <input id="ipt_x" size="15" >

event.y <input id="ipt_y" size="15" >

<br/>

event.clientX <input id="ipt_x2" size="9" >

event.clientY <input id="ipt_y2" size="9" >

</div>

</body>

</html>

layer的函数调用的时候,可以通过offset - 坐标来设置定位

类型:String/Array,默认:'auto'

默认垂直水平居中。但当你只想定义top时,你可以offset: '100px'。当您top、left都要定义时,你可以offset: ['100px', '200px']。除此之外,你还可以定义offset: 'rb',表示右下角。其它的特殊坐标,你可以自己计算赋值。