Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-flexbox/flexbox-definite-cross-size-constrained-percentage.html - WPT Dashboard Interop Dashboard
<html>
<meta charset="utf-8">
<link rel="match" href="flexbox-definite-cross-size-constrained-percentage-ref.html">
<link rel="author" href="mailto:sammy.gill@apple.com" title="Sammy Gill">
<title>Flex item cross size set by definite flex container size with percentage height</title>
<style>
.constraining-container {
height: 50px;
}
.flex-container {
height: 50%;
display: flex;
}
</style>
<body>
<div class="constraining-container">
<div class="flex-container">
<img src="support/60x60-green.png">
</div>
</div>
</body>
</html>