Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-multicol/column-balancing-with-floats-001.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Multicol Test: A float in a deep subtree is placed in the second column after column balancing</title>
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
<link rel="match" href="column-balancing-with-floats-001-ref.html">
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
.multicol {
width: 600px;
column-count: 2;
column-gap: 0;
font: 25px/1 Ahem;
}
.nav {
padding: 25px;
}
.float {
float: right;
width: 50px;
height: 25px;
background: green;
}
</style>
<div class="multicol">
<div class="nav">First</div>
<div>
<div>
<div class="nav">
<div class="float"></div>
Second
</div>
</div>
</div>
</div>