30 lines
710 B
HTML
30 lines
710 B
HTML
<!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> |