<!DOCTYPE html>
<html>
<head>
	<title>flex item size prescation</title>
	<link rel="author" title="shaofeic" href="csf178@gmail.com" />
	<link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-items">
	<link rel="match" href="reference/flex-flexitem-percentage-prescation-ref.html">
	<meta name="flags" content="" />
	<meta name="assert" content="no blue color could be seen." />
    <style type="text/css">
    #test 
    {
        background: blue;
        display: -webkit-flex;
        display: flex;
        height:300px;
        width:101px;
    }
    p {
        flex:1;
        -webkit-flex:1;
        background:red;
        -webkit-flex-direction:row;
        flex-direction:row;
        margin:0 0 0 0;
    }
    </style>
</head>
<body>
	<div id="test">
        <p style="background:green;">damer</p>
        <p>damer</p>
    </div>
</body>
</html>