48 lines
1.4 KiB
HTML
48 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style type="text/css">
|
|
#firstColumnFloat {
|
|
width: 50%;
|
|
background-color: blue;
|
|
}
|
|
|
|
#secondColumnFloat {
|
|
float: right;
|
|
width: 50%;
|
|
background-color: lime;
|
|
}
|
|
|
|
#oneColumnRegular {
|
|
background-color: blue;
|
|
}
|
|
</style>
|
|
<script>
|
|
function runTest() {
|
|
if (window.testRunner) {
|
|
window.resizeTo(600, 600);
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onLoad="runTest();">
|
|
<h1>Description</h1>
|
|
<p>Grid flex and content sized columns width should be updated properly when you resize the window (you should not see the grid background in grey color).</p>
|
|
<h1>Grid 2 flex columns</h1>
|
|
<div>
|
|
<div id="secondColumnFloat">second column</div>
|
|
<div id="firstColumnFloat">first column</div>
|
|
</div>
|
|
<h1>Grid 1 auto column</h1>
|
|
<div>
|
|
<div id="oneColumnRegular">
|
|
one column one column one column one column one column one column one column one column
|
|
one column one column one column one column one column one column one column one column
|
|
one column one column one column one column one column one column one column one column
|
|
one column one column one column one column one column one column one column one column
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|