-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIE6.html
49 lines (41 loc) · 1.26 KB
/
IE6.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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style type="text/css">
body{ font-family:"微软雅黑"; font-size:24px; color:#666}
.container{ width:500px; min-height:300px; margin:0 auto; overflow:hidden; background-color:#39C; text-align:left; font-size: 0;}
.container div{ display:inline-block; *display:inline; *zoom:1; width:200px; height:200px; text-align:center; font-size:14px; line-height:180%; }
.left{background-color:#F0F}
.right{background-color:#FF0}
a{ color:#666; display:block; width:50px; height:25px;}
a:link{ color:#666}
a:visited{ color:#666}
a:hover{ color:#F00}
a:active{ color:#666}
.fleft{ float:left}
.clear{ clear:both;}
.box{ border:5px solid #F00; height:240px; height:150px; box-sizing:border-box; padding:10px;}
.box1{ border:5px solid #F0F; height:240px; height:150px; box-sizing:content-box; padding:10px;}
</style>
<body>
<div class="container">
<div class="left">左边</div>
<div class="right">右边</div>
</div><br>
<a href="#">百度</a>
<span>百度</span>
<p>百度</p>
<div class="right">右边</div>
<hr>
<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="clear"></div>
<div class="box1"></div>
<div class="box1"></div>
</div>
</body>
</html>