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"); 
});