|
1 <!DOCTYPE html> |
|
2 <html> |
|
3 <head> |
|
4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
|
5 <title>Padding and Scrollbar Placement Test</title> |
|
6 <style>input, textarea { border-radius:0; background:none; border:none; }</style> |
|
7 <style type="text/css"> |
|
8 #t { |
|
9 display: block; |
|
10 position: absolute; |
|
11 left: 50px; |
|
12 top: 50px; |
|
13 padding: 50px; |
|
14 width: 300px; |
|
15 height: 100px; |
|
16 border: 5px solid red; |
|
17 margin: 10px; |
|
18 overflow: scroll; |
|
19 font-family: verdana; |
|
20 resize: none; |
|
21 color: black; |
|
22 z-index: 0; /* force a stacking context */ |
|
23 } |
|
24 #cover { |
|
25 position: absolute; |
|
26 left: 400px; |
|
27 top: 50px; |
|
28 width: 100px; |
|
29 height: 300px; |
|
30 background: black; |
|
31 } |
|
32 </style> |
|
33 </head> |
|
34 <body> |
|
35 <script> |
|
36 var ss = []; |
|
37 for (var i = 0; i < 1000; ++i) { |
|
38 ss.push(i); |
|
39 } |
|
40 document.write("<textarea id='t'>" + ss.join(" ") + "</textarea>"); |
|
41 </script> |
|
42 <div id="cover"></div> |
|
43 </body> |
|
44 </html> |