hidoos · March 24, 2014 05:54 · hidoos · Mar 24, 2014
diff --git a/dabblet.css b/dabblet.css
 /**
 * z-index demo
 */
 body,div,p{
 	margin:0;
 	padding:0;
 }
 body{
 font-size:0}
 .menu{
 	background: #f06;
 	background: linear-gradient(45deg, #f06, yellow);
 	font-size:14px;
 }
 .menu{
 	width:300px;
 	height:300px;
 	float:left;
 }
 .menu p{
 margin-left:200px;
 box-shadow:1px 1px 1px red;
 box-radius:2px;
 height:200px;
 background:red;
 width:500px;
 position:relative;
 }
 .main{
 	float:left;
 	display:inline-block;
 	background:#ccc;
 	width:400px;
 	height:300px;
 	font-size:14px;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div class="menu">
 	<p>ceshi</p>
 </div>

 <div class="main">
 </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"}
	/**
	* z-index demo
	*/
	body,div,p{
	margin:0;
	padding:0;
	}
	body{
	font-size:0}
	.menu{
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	font-size:14px;
	}
	.menu{
	width:300px;
	height:300px;
	float:left;
	}
	.menu p{
	margin-left:200px;
	box-shadow:1px 1px 1px red;
	box-radius:2px;
	height:200px;
	background:red;
	width:500px;
	position:relative;
	}
	.main{
	float:left;
	display:inline-block;
	background:#ccc;
	width:400px;
	height:300px;
	font-size:14px;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class="menu">
	<p>ceshi</p>
	</div>

	<div class="main">
	</div>