-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
25 lines (25 loc) · 1.16 KB
/
demo.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.clearfix::after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height: 0px;font-size: 0px}
</style>
</head>
<body>
<div style="width:300px;height:200px;overflow:auto;position:absolute;left:50%">
<div style="width:640px;">
<div style="width:128px;height:64px;background:pink;float:left;"></div>
<div style="width:128px;height:64px;background:yellow;float:left;"></div>
<div style="width:128px;height:64px;background:#234566;float:left;"></div>
<div style="width:128px;height:64px;background:#453782;float:left;"></div>
<div style="width:128px;height:64px;background:#997788;float:left;"></div>
<div style="width:128px;height:64px;background:yellow;float:left;"></div>
<div style="width:128px;height:64px;background:#234566;float:left;"></div>
<div style="width:128px;height:64px;background:#453782;float:left;"></div>
<div style="width:128px;height:64px;background:#997788;float:left;"></div>
</div>
</div>
</body>
</html>