hidoos/dabblet.css

## dabblet.css
/**
 * margin 计算百分比
 */
body,div,p{
	margin:0;
	padding:0;
}

/*===========================================*/

.margin-wrap{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
width:1000px;
height:500px;
}
.margin-wrap p{
	width:300px;
	background:#ccc;
	color:black;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="margin-wrap">
	<p>测试一下margin的百分比</p>
</div>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* margin 计算百分比
	*/
	body,div,p{
	margin:0;
	padding:0;
	}

	/===========================================/

	.margin-wrap{
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	width:1000px;
	height:500px;
	}
	.margin-wrap p{
	width:300px;
	background:#ccc;
	color:black;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class="margin-wrap">
	<p>测试一下margin的百分比</p>
	</div>