calc-offsets-absolute-top-1-ref.html (974B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>CSS Reference: Test for top:calc() on absolutely positioned elements</title> 5 <link rel="author" title="L. David Baron" href="https://dbaron.org/"> 6 <style type="text/css"> 7 body { margin: 0 } 8 body > div { float: left; height: 100px; width: 3px; } 9 div[style] { background: blue; position: relative; height: 10px; } 10 </style> 11 </head> 12 <body> 13 14 <!-- tests with a fixed-height container --> 15 <div><div style="top: 50px"></div></div> 16 <div><div style="top: 50px"></div></div> 17 <div><div style="top: 75px"></div></div> 18 <div><div style="top: 45px"></div></div> 19 <div><div style="top: 40px"></div></div> 20 <div><div style="top: 30px"></div></div> 21 22 <!-- tests with an auto-top container --> 23 <div><div style="top: 50px"></div></div> 24 <div><div style="top: 50px"></div></div> 25 <div><div style="top: 75px"></div></div> 26 <div><div style="top: 45px"></div></div> 27 <div><div style="top: 40px"></div></div> 28 <div><div style="top: 30px"></div></div> 29 </body> 30 </html>