forked from yyccmmkk/js-reference-line
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
28 lines (25 loc) · 1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo reference line</title>
<style type="text/css">
*{margin:0;padding:0}
body{background:#f3f3f3;}
.box{width:800px;height:800px;margin:0 auto;border:100px solid #000;position:relative;}
.box div{position:absolute;background:#2196f3}
</style>
</head>
<body>
<!--<div style="height:1000px">向下滚动</div>-->
<div class="wrapper" style="position:relative;z-index: 2;">
<div class="box" id="demo">
<div data-query="item" style="width:100px;height:100px;left:10px;top:20px">1</div>
<div data-query="item" style="width:130px;height:110px;left:250px;top:60px">2</div>
<div data-query="item" style="width:140px;height:80px;left:10px;top:200px;">3</div>
<div data-query="item" style="width:150px;height:130px;left:250px;top:338px">4</div>
<div data-query="item" style="width:140px;height:120px;left:450px;top:338px;">5</div>
</div>
</div>
</body>
</html>