mirror of
https://github.com/servo/servo.git
synced 2025-06-10 17:43:16 +00:00
55da2c97d5
floats, and make float placement idempotent. This moves float placement outside sequential block size computation. Improves the maze solver.
31 lines
491 B
HTML
31 lines
491 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
nav {
|
|
float: left;
|
|
}
|
|
section {
|
|
clear: both;
|
|
position: relative;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<section>
|
|
<nav>This floats</nav>
|
|
<div>This doesn't</div>
|
|
</section>
|
|
<section>
|
|
<nav>This floats</nav>
|
|
<div style="overflow: hidden;">This is a block formatting context</div>
|
|
</section>
|
|
<section>
|
|
<nav>This floats</nav>
|
|
<div style="position: absolute; top: 0; left: 0; width: 100px; height: 100px;">
|
|
This is abspos
|
|
</div>
|
|
</section>
|
|
</body>
|
|
</html>
|
|
|