layout: Support any display property in generated content, and allow

tables to clear floats.

Improves the GitHub header.
This commit is contained in:
Patrick Walton 2014-09-26 13:49:26 -07:00
parent ab17d31bbf
commit 47fc64052c
7 changed files with 99 additions and 50 deletions

View file

@ -148,3 +148,4 @@ flaky_gpu,flaky_linux == acid2_noscroll.html acid2_ref_broken.html
== margins_inside_floats_a.html margins_inside_floats_ref.html
== block_formatting_context_complex_a.html block_formatting_context_complex_ref.html
== block_formatting_context_containing_floats_a.html block_formatting_context_containing_floats_ref.html
== clear_generated_content_table_a.html clear_generated_content_table_ref.html

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<style>
.clearit:after {
content: "";
clear: both;
display: table;
}
</style>
</head>
<body>
<div class=clearit>
<div style="float: left;">x</div>
</div>
<div style="float: left;">y</div>
</body>
</html>

View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<body>
<div class=clearit>
<div style="float: left;">x</div>
</div>
<div style="display: table; clear: both;"></div>
<div style="float: left;">y</div>
</body>
</html>