position-area-overflow-icb-001-ref.html (780B)
1 <!DOCTYPE html> 2 <html dir=rtl> 3 <title>Reference: position-area overflow alignment against ICB - non-scrollable RTL</title> 4 <style> 5 .anchor { 6 border: solid orange 20px; 7 position: absolute; 8 margin: auto; 9 top: 50%; 10 left: 50%; 11 } 12 .above, .below, .left, .right { 13 border: solid blue 3px; 14 padding: 2px; 15 position: absolute; 16 width: 0; 17 height: 0; 18 } 19 .above { top: 0; left: 50%; height: 60vh; margin-left: 25px; } 20 .below { bottom: 0; left: 50%; height: 60vh; margin-left: 5px; } 21 .left { left: 0; top: 50%; width: 60vw; margin-top: 25px; } 22 .right { right: 0; top: 50%; width: 60vw; margin-top: 5px; } 23 </style> 24 25 <div class=anchor></div> 26 <div class=above></div> 27 <div class=below></div> 28 <div class=left></div> 29 <div class=right></div>