position-area-overflow-icb-002-ref.html (833B)
1 <!DOCTYPE html> 2 <html dir=rtl> 3 <title>Reference: position-area overflow alignment against ICB - 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 { top: 50%; left: 50%; height: 60vh; margin-left: 5px; margin-top: 40px; } 21 .left { right: 50%; top: 50%; width: 60vw; margin-top: 25px; } 22 .right { right: 0; top: 50%; width: 60vw; margin-top: 5px; } 23 24 html { height: 150vh; width: 150vw; } 25 </style> 26 27 <div class=anchor></div> 28 <div class=above></div> 29 <div class=below></div> 30 <div class=left></div> 31 <div class=right></div>