layout: Allow inline elements to be containing blocks for

absolutely-positioned elements.

This also implements a little bit of the infrastructure needed to
support for fragmentation via support for multiple positioned fragments
in one flow.

Improves Google.
This commit is contained in:
Patrick Walton 2015-04-30 16:44:59 -07:00
parent b3b9deafa7
commit 1f0b5889da
19 changed files with 592 additions and 241 deletions

View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<style>
html, body {
margin: 0;
font-size: 0.1px;
line-height: 0;
}
#a {
padding-left: 100px;
}
#b {
position: relative;
}
#c {
position: absolute;
left: 0;
top: 0;
width: 100px;
height: 100px;
background: purple;
}
</style>
</head>
<body>
<div><span id=a>&nbsp;</span><span id=b>&nbsp;<div id=c></div></span></span></div>
</body>
</html>

View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<style>
html, body {
margin: 0;
font-size: 0.1px;
}
#a {
position: absolute;
left: 100px;
top: 0;
width: 100px;
height: 100px;
background: purple;
}
</style>
</head>
<body>
<div id=a></div>
</body>
</html>

View file

@ -12,6 +12,7 @@ fragment=top != ../html/acid2.html acid2_ref.html
== 2dcontext/lineto_a.html 2dcontext/lineto_ref.html
== 2dcontext/transform_a.html 2dcontext/transform_ref.html
== absolute_inline_containing_block_a.html absolute_inline_containing_block_ref.html
== acid1_a.html acid1_b.html
== acid2_noscroll.html acid2_ref_broken.html
== after_block_iteration.html after_block_iteration_ref.html