padding-scrollbar-placement.html (1310B)
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>