PHP & JavaScript Room :: 設置サンプル

<style type="text/css">
    div.grid {
        position:relative;
        width:200px; height:200px;
        margin:0; padding:0;
        background:#fff url(/content/img/css/grid.gif) repeat top left;
    }
    div.grid div.pos_bottom {
        position:absolute;
        bottom:20px; /* 親ボックスの下辺から上方向に20pxの位置 */
        width:100px; height:100px;
    }
</style>

<div class="grid">
    <div class="pos_bottom"><img src="/content/img/100x100.gif" alt="100x100" width="100" height="100" /></div>
</div>