|
1 <!DOCTYPE HTML> |
|
2 <html> |
|
3 <head> |
|
4 <style> |
|
5 .container { margin-top:1em; background:yellow; width:100px; } |
|
6 .content { width:100px; height:60px; } |
|
7 .scroll-in { overflow:scroll; } |
|
8 .scroll { overflow-x:scroll; width:200px; } |
|
9 .over { height:50px; } |
|
10 body { margin:0; position:absolute; clip: rect(0 100px auto 0); } |
|
11 </style> |
|
12 </head> |
|
13 <body> |
|
14 |
|
15 <div class="container"> |
|
16 <div class="content"></div> |
|
17 </div> |
|
18 <div class="container scroll"> |
|
19 <div class="content"></div> |
|
20 </div> |
|
21 <div class="container scroll-in over"> |
|
22 <div class="content"></div> |
|
23 </div> |
|
24 <div class="container scroll over"> |
|
25 <div class="content"></div> |
|
26 </div> |
|
27 |
|
28 <div class="container"> |
|
29 <div class="content"></div> |
|
30 </div> |
|
31 <div class="container scroll"> |
|
32 <div class="content"></div> |
|
33 </div> |
|
34 <div class="container scroll-in over"> |
|
35 <div class="content"></div> |
|
36 </div> |
|
37 <div class="container scroll over"> |
|
38 <div class="content"></div> |
|
39 </div> |
|
40 |
|
41 </body> |
|
42 </html> |