display:table + display:table-cell + position:relative

by roskoshinsky

HTML

<div class="wrap" >
    <div class="table" >
        <div class="row" >
            <a class="cell" href="#" >Link 1</a>
        </div>
        <div class="row" >
            <a class="cell" href="#" >Link 2<span></span></a>
        </div>
    </div>
</div>

CSS

body{width:100%; height:100%; margin:0px; padding:0px;}
body * {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.wrap{display:block; position:absolute; width:100%; height:100%;}
.table{display:table; width:100%; height:100%; border:1px solid red;}
.row{display:table-row; width:100%;}
.cell{display:table-cell; position:relative; width:100%; border:1px dashed navy;}
.cell span {position:absolute; top:0px; left:0px; width:20px; height:20px; background:#ff00ff;}