layout: Handle floated blocks with percentage heights correctly.

Improves the top menu in Wikipedia.
This commit is contained in:
Patrick Walton 2014-09-19 17:56:07 -07:00
parent 39d7bf93d6
commit 0604d0c6b1
4 changed files with 29 additions and 1 deletions

View file

@ -135,3 +135,4 @@ flaky_gpu,flaky_linux == acid2_noscroll.html acid2_ref_broken.html
== img_block_display_a.html img_block_display_ref.html
== after_block_iteration.html after_block_iteration_ref.html
== inline_block_percentage_height_a.html inline_block_percentage_height_ref.html
== percentage_height_float_a.html percentage_height_float_ref.html

View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<title>Goodbye</title>
</head>
<body>
<div style="height: 100px;">
<div style="float: left; height: 100%; background: red;">x</div>
</div>
</body>
</html>

View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<title>Goodbye</title>
</head>
<body>
<div style="height: 100px;">
<div style="float: left; height: 100px; background: red;">x</div>
</div>
</body>
</html>