position-relative-under-overflow-hidden.html

<!DOCTYPE html>
<html>
    <head>
        <style>
        </style>
    </head>
    <body>
        <div style="overflow: hidden; height: 50px; width: 400px;">
            not area selected
            <div style="position: relative; top: 22px; height: 50px; width: 200px">
                area selected text
            </div>
        </div>
        <br/>
        <br/>
        <br/>
        <br/>
        <div style="contain: strict; height: 50px; width: 200px;">
            <div style="overflow: hidden; height: 10px; width: 200px;">
                <div style="position: relative; height: 50px; width: 200px;">
                    area selected text
                </div>
            </div>
        </div>
    </body>
</html>