Untitled

dabblet.css

.item {
	display: box;
	height: 300px;
	/*设置伸缩盒对象的子元素从上到下纵向排列*/
	/*box-orient: vertical;*/ /*简单说就是垂直排列*/
	/*设置伸缩盒对象的子元素从左到右水平排列*/
	/*box-orient: horizontal;*/ /*简单说就是水平排列*/
}
.list {
	background-color: gold;
}
.list:nth-child(1) {
	box-flex: 1;
	background-color: #445566;
}
.list:nth-child(2) {
	box-flex: 2;
	background-color: #556677;
}
.list:nth-child(3) {
	box-flex: 3;
	background-color: #667788;
}

dabblet.html

<div class="item">
	<div class="list"></div>
	<div class="list"></div>
	<div class="list"></div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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