<head>

<title>CSS Flexbox Test: Flex-wrap defaults to nowrap</title>

<link rel="author" title="Gavin Elster" href="mailto:gavin.elster@me.com">

<link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">

<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property">

<link rel="match" href="reference/flexbox-flex-wrap-nowrap-ref.htm" />

<meta name="assert" content="Test checks that flex elements default to flex-wrap: nowrap if flex-wrap is not set. With wrapping disabled, the .green flex item should extend outside the bounds of its container, as it is set to flex:none.">

<style>

.flex-wrapper {

display: flex;

background: green;

border-right: 60px solid red;

width: 60px;

height: 120px;

}

.flex-wrapper div{

width: 60px;

flex: none;

}

.green {

background: green;

}

</style>

</head>

<body>

<p>The test passes if there is a green square and no red.</p>

<div class="flex-wrapper">

<div></div>

<div class="green"></div>

</div>

</body>