revolunet · May 23, 2013 12:17
diff --git a/dabblet.css b/dabblet.css
 /**
 * absolute positionned children
 */
 .d1 {
    top:60px;
    width:30%;
    height:0;
    background:pink;
    vertical-align:bottom;
    display: inline-block;
    position: relative;
 }
 .d2 {
    width:100%;
    padding:5px;
    background:yellow;
    position:absolute;
    bottom:0px;
    height:50px;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->


 <div class="d1">
    <div class="d2">
    as an absolute positionned children, this element is still visible even when parent has height=0;
    </div>
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* absolute positionned children
	*/
	.d1 {
	top:60px;
	width:30%;
	height:0;
	background:pink;
	vertical-align:bottom;
	display: inline-block;
	position: relative;
	}
	.d2 {
	width:100%;
	padding:5px;
	background:yellow;
	position:absolute;
	bottom:0px;
	height:50px;
	}
	<!-- content to be placed inside <body>…</body> -->


	<div class="d1">
	<div class="d2">
	as an absolute positionned children, this element is still visible even when parent has height=0;
	</div>
	</div>