зеркало из https://github.com/mozilla/gecko-dev.git
94 строки
3.1 KiB
HTML
94 строки
3.1 KiB
HTML
<!DOCTYPE HTML>
|
|
<!--
|
|
Any copyright is dedicated to the Public Domain.
|
|
http://creativecommons.org/publicdomain/zero/1.0/
|
|
-->
|
|
<html><head>
|
|
<meta charset="utf-8">
|
|
<title>CSS Grid Test: Testing track max-sizing 'max-content'</title>
|
|
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1151212">
|
|
<style type="text/css">
|
|
body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }
|
|
|
|
.grid {
|
|
display: block;
|
|
float:left;
|
|
clear:left;
|
|
}
|
|
.wrap {
|
|
border: dashed blue;
|
|
overflow:hidden;
|
|
clear:left;
|
|
}
|
|
|
|
.c1 { width:40px; margin-bottom: 2px; margin-right: 47px; }
|
|
.r1 { min-width:70px; margin-left: 38px; margin-top: 2px; }
|
|
.c3 { width:10px; margin: 2px 18px 1px 71px; }
|
|
|
|
span {
|
|
display: block;
|
|
background: gray;
|
|
border-style: solid;
|
|
border-width: 1px 3px 5px 7px;
|
|
padding: 1px 3px;
|
|
margin: 1px 5px;
|
|
}
|
|
|
|
x { display:inline-block; width:10px; height:18px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="wrap"><div class="grid">
|
|
<span class="c1"><x> </x></span>
|
|
<span class="r1"><x> </x></span>
|
|
</div></div>
|
|
|
|
<div class="wrap"><div class="grid">
|
|
<span class="c1" style="margin-right:54px"><x> </x></span>
|
|
<span class="r1"><x> </x></span>
|
|
<span class="c3"><x> </x></span>
|
|
</div></div>
|
|
|
|
<div class="wrap"><div class="grid">
|
|
<span class="c1"><x> </x></span>
|
|
<span class="r1"><x> </x></span>
|
|
<span class="r1"><x> </x></span>
|
|
<span class="r1"><x> </x></span>
|
|
</div></div>
|
|
|
|
<div class="wrap"><div class="grid" style="width:436px">
|
|
<span class="c1" style="width:374px; margin-right:41px"><x> </x></span>
|
|
<span class="r1" style="margin-left:5px"><x> </x></span>
|
|
<span class="c3" style="margin-left:405px; float:left;margin-top:1px;"><x> </x></span>
|
|
</div></div>
|
|
|
|
<div class="wrap" style="float:left;"><div class="grid" style="width:500px;">
|
|
<span class="c1" style="width:20px;margin-right:448px"><x> </x></span>
|
|
<span class="r1" style="min-width:10px;margin-left:28px; margin-right:426px"><x> </x></span>
|
|
<span class="r1" style="min-width:30px;margin-left:28px; margin-right:426px"><x> </x></span>
|
|
<span class="r1" style="min-width:10px;margin-left:28px; margin-right:426px"><x> </x></span>
|
|
</div></div>
|
|
|
|
<div class="wrap"><div class="grid" style="width:583px;">
|
|
<span class="c1" style="width:507px; margin-right:55px"><x> </x></span>
|
|
<span class="r1"><x> </x></span>
|
|
<span class="c3" style="margin-left:538px; float:left;margin-top:1px;"><x> </x></span>
|
|
</div></div>
|
|
|
|
<div class="wrap"><div class="grid" style="width:389px;">
|
|
<span class="c1" style="width:100px"><x> </x></span>
|
|
<span class="r1" style="width:300px;margin-left:68px;"><x> </x></span>
|
|
<span class="c3" style="margin-left:131px;float:left;margin-top:1px;"><x> </x></span>
|
|
</div></div>
|
|
|
|
<div class="wrap"><div class="grid" style="width:389px;">
|
|
<span class="c1" style="width:100px"><x> </x></span>
|
|
<span class="r1" style="width:300px;margin-left:68px;"><x> </x></span>
|
|
<span class="c3" style="margin-left:131px;float:left;margin-top:1px;"><x> </x></span>
|
|
</div></div>
|
|
|
|
|
|
</body>
|
|
</html>
|