<!doctype html>
<html>
<head>
<script>
internals.settings.setRegionBasedColumnsEnabled(true)
</script>
</head>
<body>
<div style="-moz-column-width:100px; -moz-column-gap:10px; width:210px; height:200px;border:5px solid black; -webkit-column-width:100px; -webkit-column-gap:10px; -webkit-column-fill:auto; column-width:100px; column-gap:10px; column-fill:auto;">
	<div style="position:relative;">
		<div style="position:absolute;top:0;left:0; height:400px; width:100px">
			<div style="width:100px;height:100px;background-color:purple;">3</div>
			<div style="height:200px"></div>
			<div style="width:100px;height:100px;background-color:purple;">3</div>
		</div>
		<div style="position:relative; z-index:1; background-color:lightblue; width:100%; height:200px; top:100px">1</div>
		<div style="position:fixed;background-color:gold;left:68px;top:13px;height:200px;width:100px">2</div>
	</div>
</div>