<!DOCTYPE html> | |
<style> | |
.container { | |
display: -webkit-flex; | |
display: -moz-flex; | |
display: -ie-flex; | |
display: -o-flex; | |
display: flex; | |
} | |
.container > div { | |
overflow: scroll; | |
width: 50px; | |
height: 50px; | |
} | |
</style> | |
<div class="container" style="display: -webkit-flex"> | |
<div></div> | |
<div style="display:-webkit-flex;"></div> | |
<div style="display:-webkit-box;"></div> | |
</div> | |
<script src="../../resources/check-layout.js"></script> | |
<script> | |
Array.prototype.forEach.call(document.querySelectorAll('.container > div'), function(item) { | |
item.setAttribute('data-expected-width', 50); | |
item.setAttribute('data-expected-height', 50); | |
}); | |
checkLayout('.container'); | |
</script> |