layout: Place inline absolute hypothetical boxes properly during block

fragment position assignment.

Improves Rust documentation.

Closes #13471.
This commit is contained in:
Patrick Walton 2016-09-28 14:06:04 -07:00
parent 19a5a30113
commit 5232b0c85f
38 changed files with 231 additions and 156 deletions

View file

@ -2420,6 +2420,30 @@
"url": "/_mozilla/css/inline_absolute_hypothetical_clip_a.html"
}
],
"css/inline_absolute_hypothetical_line_metrics_a.html": [
{
"path": "css/inline_absolute_hypothetical_line_metrics_a.html",
"references": [
[
"/_mozilla/css/inline_absolute_hypothetical_line_metrics_ref.html",
"=="
]
],
"url": "/_mozilla/css/inline_absolute_hypothetical_line_metrics_a.html"
}
],
"css/inline_absolute_hypothetical_metrics_a.html": [
{
"path": "css/inline_absolute_hypothetical_metrics_a.html",
"references": [
[
"/_mozilla/css/inline_absolute_hypothetical_metrics_ref.html",
"=="
]
],
"url": "/_mozilla/css/inline_absolute_hypothetical_metrics_a.html"
}
],
"css/inline_absolute_out_of_flow_a.html": [
{
"path": "css/inline_absolute_out_of_flow_a.html",
@ -16142,6 +16166,30 @@
"url": "/_mozilla/css/inline_absolute_hypothetical_clip_a.html"
}
],
"css/inline_absolute_hypothetical_line_metrics_a.html": [
{
"path": "css/inline_absolute_hypothetical_line_metrics_a.html",
"references": [
[
"/_mozilla/css/inline_absolute_hypothetical_line_metrics_ref.html",
"=="
]
],
"url": "/_mozilla/css/inline_absolute_hypothetical_line_metrics_a.html"
}
],
"css/inline_absolute_hypothetical_metrics_a.html": [
{
"path": "css/inline_absolute_hypothetical_metrics_a.html",
"references": [
[
"/_mozilla/css/inline_absolute_hypothetical_metrics_ref.html",
"=="
]
],
"url": "/_mozilla/css/inline_absolute_hypothetical_metrics_a.html"
}
],
"css/inline_absolute_out_of_flow_a.html": [
{
"path": "css/inline_absolute_out_of_flow_a.html",

View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="match" href="inline_absolute_hypothetical_line_metrics_ref.html">
<style>
body {
margin: 0;
padding: 0;
}
</style>
<img width=25 height=25 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP4z8DwHwAFAAH/q842iQAAAABJRU5ErkJggg=="><!--
--><img style="position: absolute" width=100 height=100 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYPj/HwADAgH/xCAAOgAAAABJRU5ErkJggg=="><!--
--><img style="position: absolute" width=50 height=50 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgaGD4DwAChAGA2FJdiQAAAABJRU5ErkJggg==">

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
margin: 0;
padding: 0;
}
img {
display: block;
position: absolute;
top: 0;
}
</style>
<img style="left: 0" width=25 height=25 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP4z8DwHwAFAAH/q842iQAAAABJRU5ErkJggg=="><!--
--><img style="left: 25px" width=100 height=100 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYPj/HwADAgH/xCAAOgAAAABJRU5ErkJggg=="><!--
--><img style="left: 25px" width=50 height=50 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgaGD4DwAChAGA2FJdiQAAAABJRU5ErkJggg==">

View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="match" href="inline_absolute_hypothetical_metrics_ref.html">
<style>
body, html {
margin: 0;
font-size: 36px;
}
span {
position: absolute;
right: 0;
}
</style>
A<span>B

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body, html {
margin: 0;
font-size: 36px;
}
div {
position: absolute;
}
#a {
left: 0;
}
#b {
right: 0;
}
</style>
<div id=a>A</div><div id=b>B</div>