css - CSS Div の相対位置

Question

そのモックアップのようなレイアウトを作成することは可能ですか?

Answer 1

HTML

<div class="layout">
    <span id="click">Click me</span
    <div id="mydiv"></div>
</div>

CSS

.layout {position:relative;height:200px}
#mydiv {width:100px; height:50px;bottom:0}

JS

$("#click").click(function(){
    $("#mydiv").css("position", "absolute");
});