Files
servo/tests/ref/block_formatting_context_max_width_ref.html
Patrick Walton 69e5bd2e3d layout: Use the value of the max-width property when speculating what
the inline sizes of block formatting contexts are likely to be.

Usually, Web developers set this property on block formatting contexts
in order to avoid running into floats, and we can use this as a
speculation hint.

Fixes the width of the search box on the Google SERPs.
2015-08-17 17:01:20 -07:00

28 lines
344 B
HTML

<!DOCTYPE html>
<style>
html, body {
margin: 0;
}
section {
width: 300px;
}
div {
position: absolute;
height: 100px;
top: 0;
}
#a {
float: right;
width: 100px;
left: 200px;
background: gold;
}
#b {
overflow: hidden;
width: 200px;
background: blue;
}
</style>
<section><div id=a></div><div id=b>