flexbox_flex-natural-variable-zero-basis-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<title>flexbox | flex: larger integer, zero basis</title>

<link rel="author" href="http://opera.com" title="Opera Software">

<style>

div {

	border: 1px solid black;

	height: 8em;

	width: 36em;

span {

	width: 6em;

	height: 8em;

	float: left;

span:nth-child(2) {

	width: 18em;

span:nth-child(1) {background: yellow;}

span:nth-child(2) {background: pink;}

span:nth-child(3) {background: lightblue;}

span:nth-child(4) {background: grey;}

</style>

<div>

	<span>one</span>

	<span>two</span>

	<span>three</span>

	<span>four</span>

</div>