-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdiv+css布局（布局）.html
80 lines (80 loc) · 1.22 KB
/
div+css布局（布局）.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!doctype html>
<html>
<head>
<title>div+css布局（布局相关属性）</title>
<meta charset='UTF-8'>
<style type='text/css'>
body{
margin:0;
padding:0;
}
/*.div{
width: 300px;
height: 300px;
background-color: green;
position: relative;
left: 10px;
top: 10px;
z-index: 1;层覆盖先后显示顺序
}
span{
background-color: #f60;
position: absolute;
color: #fff;
top: 10px;
right: 0;
z-index: 0;
}
.fixed{
background-color: #f60;
position: fixed;相对于浏览器窗口不变的
color: #fff;
top: 100px;
z-index: 2;
display:
}*/
div{
background-color: green;
width: 200px;
}
span{
background-color: red;
display: block;
width: 200px;
}
</style>
</head>
<body>
<!--div class='fixed'>
<p>联系电话：11111</p>
<p>联系qq：11111</p>
<p>联系地址：11111</p>
</div><div class='div'>
<span>浏览次数</span></div-->
<div>麦子学院</div>
<span>麦子学院</span>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</body>
</html>