top 100% vs bottom 0 *

dabblet.css

/** top 100% vs bottom 0 **/

div {
	position: relative;
	display: inline-block;
	height: 200px;
	width: 200px;
	background: rgba(0,0,0,.5);
	margin: 5px 0;
}

#top div, #bottom div {
	position: absolute;
	height: 50px;
	width: 90px;
	background: #f00;
}
#top div {
	top: 100%;
}
#bottom div {
	bottom: 0;
}

dabblet.html

<div id="top">
<div>top 100%</div>
</div>

<div id="bottom">
<div>bottom 0</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}