doc_inspector_infobar_01.html (775B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 6 <style> 7 body { 8 width: 100%; 9 height: 100%; 10 } 11 div { 12 position: absolute; 13 height: 100px; 14 width: 500px; 15 } 16 17 #bottom { 18 bottom: 0px; 19 background: blue; 20 } 21 22 #vertical { 23 height: 100%; 24 background: green; 25 } 26 27 svg { 28 width: 10px; 29 height: 10px; 30 } 31 </style> 32 </head> 33 <body> 34 <div id="vertical">Vertical</div> 35 <div id="top" class="class1 class2">Top</div> 36 <div id="bottom">Bottom</div> 37 <svg viewBox="0 0 10 10"> 38 <clipPath id="clip"> 39 <rect x="0" y="0" width="10" height="5"></rect> 40 </clipPath> 41 <circle cx="5" cy="5" r="5" fill="blue" clip-path="url(#clip)"></circle> 42 </svg> 43 </body> 44 </html>