<!DOCTYPE html> | |
<html> | |
<style> | |
.flexbox { | |
width: 600px; | |
display: -webkit-flex; | |
background-color: #aaa; | |
position: relative; | |
min-height: 10px; | |
} | |
.flexbox > * { | |
margin: 0; | |
border: 0; | |
padding: 0; | |
min-width: 0; | |
} | |
</style> | |
<script src="../../resources/check-layout.js"></script> | |
<body onload="checkLayout('.flexbox')"> | |
<div class="flexbox"> | |
<img data-expected-display="block" data-expected-width="345" style="-webkit-flex: 1 0 auto;" src="../images/resources/blue-100.png"> | |
<img data-expected-display="block" data-expected-width="255" data-expected-height="100" style="-webkit-flex: 1 0 auto;" src="../images/resources/green-10.png"> | |
</div> | |
</body> |