blob: 38dfe20d91a02d8878677b8edead5c48ad7178b9 (
plain)
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
|
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<style>
body { margin: 0; }
</style>
<div style="height:100vh;">
On the first page.
</div>
<div style="height:100vh;">
On the second page.
</div>
<div style="height:100vh;">
On the third page.
</div>
On the fourth page.<br>
On every page.
<div style="position:absolute; bottom:0; height:3em;">
On every page.
</div>
<div style="position:absolute; bottom:-100vh; height:3em;">
On every page.
</div>
<div style="position:absolute; bottom:-200vh; height:3em;">
On every page.
</div>
<div style="position:absolute; bottom:0;">
At the bottom of every page.
</div>
<div style="position:absolute; bottom:-100vh;">
At the bottom of every page.
</div>
<div style="position:absolute; bottom:-200vh;">
At the bottom of every page.
</div>
<div style="position:absolute; bottom:-300vh;">
At the bottom of every page.
</div>
|