netsurf/test/calc/steps-full-width.html

35 lines
1015 B
HTML

<html>
<head>
<style>
div {
background: blue;
height: 1em;
}
</style>
</head>
<body>
<div style="width:calc(5% * 1);"></div>
<div style="width:calc(5% * 2);"></div>
<div style="width:calc(5% * 3);"></div>
<div style="width:calc(5% * 4);"></div>
<div style="width:calc(5% * 5);"></div>
<div style="width:calc(5% * 6);"></div>
<div style="width:calc(5% * 7);"></div>
<div style="width:calc(5% * 8);"></div>
<div style="width:calc(5% * 9);"></div>
<div style="width:calc(5% * 10);"></div>
<div style="width:calc(5% * 11);"></div>
<div style="width:calc(5% * 12);"></div>
<div style="width:calc(5% * 13);"></div>
<div style="width:calc(5% * 14);"></div>
<div style="width:calc(5% * 15);"></div>
<div style="width:calc(5% * 16);"></div>
<div style="width:calc(5% * 17);"></div>
<div style="width:calc(5% * 18);"></div>
<div style="width:calc(5% * 19);"></div>
<div style="width:calc(5% * 20);"></div>
<p>Above should be a blue staircase.
The bottom row should be the full available width.</p>
</body>
</html>