WebKit Bugzilla
Attachment 343872 Details for
Bug 187162
: [LFC] Add block formatting only test cases
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Requests
|
Help
|
New Account
|
Log In
Remember
[x]
|
Forgot Password
Login:
[x]
[patch]
Patch
bug-187162-20180628165921.patch (text/plain), 104.59 KB, created by
zalan
on 2018-06-28 16:59:22 PDT
(
hide
)
Description:
Patch
Filename:
MIME Type:
Creator:
zalan
Created:
2018-06-28 16:59:22 PDT
Size:
104.59 KB
patch
obsolete
>Subversion Revision: 233335 >diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog >index d885f6cc42d69c23f8df5839db24fcbd46d730cb..933e896534ea88003c79d8a9741d72adb5ea7401 100644 >--- a/LayoutTests/ChangeLog >+++ b/LayoutTests/ChangeLog >@@ -1,3 +1,123 @@ >+2018-06-28 Zalan Bujtas <zalan@apple.com> >+ >+ [LFC] Add block formatting only test cases >+ https://bugs.webkit.org/show_bug.cgi?id=187162 >+ >+ Reviewed by NOBODY (OOPS!). >+ >+ These tests are expected to generate the same tree output on every platform (no text, strictly block only). >+ >+ * fast/block/block-only/absolute-auto-with-sibling-margin-bottom-expected.txt: Added. >+ * fast/block/block-only/absolute-auto-with-sibling-margin-bottom.html: Added. >+ * fast/block/block-only/absolute-height-stretch-expected.txt: Added. >+ * fast/block/block-only/absolute-height-stretch.html: Added. >+ * fast/block/block-only/absolute-left-auto-expected.txt: Added. >+ * fast/block/block-only/absolute-left-auto.html: Added. >+ * fast/block/block-only/absolute-left-right-top-bottom-auto-expected.txt: Added. >+ * fast/block/block-only/absolute-left-right-top-bottom-auto.html: Added. >+ * fast/block/block-only/absolute-nested-expected.txt: Added. >+ * fast/block/block-only/absolute-nested.html: Added. >+ * fast/block/block-only/absolute-nested2-expected.txt: Added. >+ * fast/block/block-only/absolute-nested2.html: Added. >+ * fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context-expected.txt: Added. >+ * fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context.html: Added. >+ * fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context2-expected.txt: Added. >+ * fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context2.html: Added. >+ * fast/block/block-only/absolute-simple-expected.txt: Added. >+ * fast/block/block-only/absolute-simple.html: Added. >+ * fast/block/block-only/absolute-width-shrink-to-fit-expected.txt: Added. >+ * fast/block/block-only/absolute-width-shrink-to-fit.html: Added. >+ * fast/block/block-only/absolute-width-stretch-expected.txt: Added. >+ * fast/block/block-only/absolute-width-stretch.html: Added. >+ * fast/block/block-only/absolute-with-static-block-position-nested-expected.txt: Added. >+ * fast/block/block-only/absolute-with-static-block-position-nested.html: Added. >+ * fast/block/block-only/almost-intruding-left-float-simple-expected.txt: Added. >+ * fast/block/block-only/almost-intruding-left-float-simple.html: Added. >+ * fast/block/block-only/border-simple-expected.txt: Added. >+ * fast/block/block-only/border-simple.html: Added. >+ * fast/block/block-only/fixed-nested-expected.txt: Added. >+ * fast/block/block-only/fixed-nested.html: Added. >+ * fast/block/block-only/float-left-when-container-has-padding-margin-expected.txt: Added. >+ * fast/block/block-only/float-left-when-container-has-padding-margin.html: Added. >+ * fast/block/block-only/floating-box-clear-both-simple-expected.txt: Added. >+ * fast/block/block-only/floating-box-clear-both-simple.html: Added. >+ * fast/block/block-only/floating-box-clear-right-simple-expected.txt: Added. >+ * fast/block/block-only/floating-box-clear-right-simple.html: Added. >+ * fast/block/block-only/floating-box-left-and-right-multiple-expected.txt: Added. >+ * fast/block/block-only/floating-box-left-and-right-multiple-with-top-offset-expected.txt: Added. >+ * fast/block/block-only/floating-box-left-and-right-multiple-with-top-offset.html: Added. >+ * fast/block/block-only/floating-box-left-and-right-multiple.html: Added. >+ * fast/block/block-only/floating-box-right-simple-expected.txt: Added. >+ * fast/block/block-only/floating-box-right-simple.html: Added. >+ * fast/block/block-only/floating-box-with-clear-siblings-expected.txt: Added. >+ * fast/block/block-only/floating-box-with-clear-siblings.html: Added. >+ * fast/block/block-only/floating-box-with-clear-simple-expected.txt: Added. >+ * fast/block/block-only/floating-box-with-clear-simple.html: Added. >+ * fast/block/block-only/floating-box-with-new-formatting-context-expected.txt: Added. >+ * fast/block/block-only/floating-box-with-new-formatting-context.html: Added. >+ * fast/block/block-only/floating-box-with-relative-positioned-sibling-expected.txt: Added. >+ * fast/block/block-only/floating-box-with-relative-positioned-sibling.html: Added. >+ * fast/block/block-only/floating-left-right-simple-expected.txt: Added. >+ * fast/block/block-only/floating-left-right-simple.html: Added. >+ * fast/block/block-only/floating-left-right-with-all-margins-expected.txt: Added. >+ * fast/block/block-only/floating-left-right-with-all-margins.html: Added. >+ * fast/block/block-only/floating-lefts-and-rights-simple-expected.txt: Added. >+ * fast/block/block-only/floating-lefts-and-rights-simple.html: Added. >+ * fast/block/block-only/floating-multiple-lefts-expected.txt: Added. >+ * fast/block/block-only/floating-multiple-lefts-in-body-expected.txt: Added. >+ * fast/block/block-only/floating-multiple-lefts-in-body.html: Added. >+ * fast/block/block-only/floating-multiple-lefts-multiple-lines-expected.txt: Added. >+ * fast/block/block-only/floating-multiple-lefts-multiple-lines.html: Added. >+ * fast/block/block-only/floating-multiple-lefts.html: Added. >+ * fast/block/block-only/floating-with-new-block-formatting-context-expected.txt: Added. >+ * fast/block/block-only/floating-with-new-block-formatting-context.html: Added. >+ * fast/block/block-only/margin-collapse-bottom-bottom-expected.txt: Added. >+ * fast/block/block-only/margin-collapse-bottom-bottom.html: Added. >+ * fast/block/block-only/margin-collapse-bottom-nested-expected.txt: Added. >+ * fast/block/block-only/margin-collapse-bottom-nested.html: Added. >+ * fast/block/block-only/margin-collapse-first-last-are-floating-expected.txt: Added. >+ * fast/block/block-only/margin-collapse-first-last-are-floating.html: Added. >+ * fast/block/block-only/margin-collapse-simple-expected.txt: Added. >+ * fast/block/block-only/margin-collapse-simple.html: Added. >+ * fast/block/block-only/margin-collapse-top-nested-expected.txt: Added. >+ * fast/block/block-only/margin-collapse-top-nested.html: Added. >+ * fast/block/block-only/margin-collapse-when-child-has-padding-border-expected.txt: Added. >+ * fast/block/block-only/margin-collapse-when-child-has-padding-border.html: Added. >+ * fast/block/block-only/margin-collapse-with-block-formatting-context-expected.txt: Added. >+ * fast/block/block-only/margin-collapse-with-block-formatting-context.html: Added. >+ * fast/block/block-only/margin-collapse-with-block-formatting-context2-expected.txt: Added. >+ * fast/block/block-only/margin-collapse-with-block-formatting-context2.html: Added. >+ * fast/block/block-only/margin-left-right-sizing-expected.txt: Added. >+ * fast/block/block-only/margin-left-right-sizing-out-of-flow-expected.txt: Added. >+ * fast/block/block-only/margin-left-right-sizing-out-of-flow.html: Added. >+ * fast/block/block-only/margin-left-right-sizing.html: Added. >+ * fast/block/block-only/margin-propagation-simple-content-height-expected.txt: Added. >+ * fast/block/block-only/margin-propagation-simple-content-height.html: Added. >+ * fast/block/block-only/margin-sibling-collapse-propagated-expected.txt: Added. >+ * fast/block/block-only/margin-sibling-collapse-propagated.html: Added. >+ * fast/block/block-only/margin-simple-expected.txt: Added. >+ * fast/block/block-only/margin-simple.html: Added. >+ * fast/block/block-only/negative-margin-simple-expected.txt: Added. >+ * fast/block/block-only/negative-margin-simple.html: Added. >+ * fast/block/block-only/padding-nested-expected.txt: Added. >+ * fast/block/block-only/padding-nested.html: Added. >+ * fast/block/block-only/padding-simple-expected.txt: Added. >+ * fast/block/block-only/padding-simple.html: Added. >+ * fast/block/block-only/relative-auto-expected.txt: Added. >+ * fast/block/block-only/relative-auto-with-parent-offset-expected.txt: Added. >+ * fast/block/block-only/relative-auto-with-parent-offset.html: Added. >+ * fast/block/block-only/relative-auto.html: Added. >+ * fast/block/block-only/relative-bottom-expected.txt: Added. >+ * fast/block/block-only/relative-bottom.html: Added. >+ * fast/block/block-only/relative-position-when-containing-block-is-not-in-the-formatting-context-expected.txt: Added. >+ * fast/block/block-only/relative-position-when-containing-block-is-not-in-the-formatting-context.html: Added. >+ * fast/block/block-only/relative-right-expected.txt: Added. >+ * fast/block/block-only/relative-right.html: Added. >+ * fast/block/block-only/relative-siblings-expected.txt: Added. >+ * fast/block/block-only/relative-siblings.html: Added. >+ * fast/block/block-only/relative-simple-expected.txt: Added. >+ * fast/block/block-only/relative-simple.html: Added. >+ > 2018-06-28 Timothy Hatcher <timothy@apple.com> > > Find on page selection color isn't adapted for dark mode. >diff --git a/LayoutTests/fast/block/block-only/absolute-auto-with-sibling-margin-bottom-expected.txt b/LayoutTests/fast/block/block-only/absolute-auto-with-sibling-margin-bottom-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..8e9d816ccecc2d642eb2ef735d1eb40900e402d9 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-auto-with-sibling-margin-bottom-expected.txt >@@ -0,0 +1,8 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x250 >+ RenderBlock {HTML} at (0,0) size 800x250 >+ RenderBody {BODY} at (8,100) size 784x50 >+ RenderBlock {DIV} at (100,0) size 584x50 >+layer at (8,250) size 50x50 >+ RenderBlock (positioned) {DIV} at (8,250) size 50x50 >diff --git a/LayoutTests/fast/block/block-only/absolute-auto-with-sibling-margin-bottom.html b/LayoutTests/fast/block/block-only/absolute-auto-with-sibling-margin-bottom.html >new file mode 100644 >index 0000000000000000000000000000000000000000..fcfd7329d5a7457f6e4c4084d3755e70e15e87c9 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-auto-with-sibling-margin-bottom.html >@@ -0,0 +1,7 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="height: 50px; margin: 100px;"></div> >+<div style="width: 50px; height: 50px; position: absolute;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/absolute-height-stretch-expected.txt b/LayoutTests/fast/block/block-only/absolute-height-stretch-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..b59c9f8c1c8943f98c97a1def5ce2c393e52e10b >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-height-stretch-expected.txt >@@ -0,0 +1,11 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x8 >+ RenderBlock {HTML} at (0,0) size 800x8 >+ RenderBody {BODY} at (8,8) size 784x0 >+layer at (10,8) size 760x20 >+ RenderBlock (positioned) {DIV} at (10,8) size 760x20 >+layer at (18,8) size 60x20 >+ RenderBlock (positioned) {DIV} at (10,0) size 60x20 >+layer at (8,10) size 20x560 >+ RenderBlock (positioned) {DIV} at (8,10) size 20x560 >diff --git a/LayoutTests/fast/block/block-only/absolute-height-stretch.html b/LayoutTests/fast/block/block-only/absolute-height-stretch.html >new file mode 100644 >index 0000000000000000000000000000000000000000..07b2154c797fef0419e524250a5039d95a43a436 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-height-stretch.html >@@ -0,0 +1,10 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="position: absolute; left: 10px; right: 30px; height: 20px;"></div> >+<div style="position: absolute; width: 100px;"> >+ <div style="position: absolute; left: 10px; right: 30px; height: 20px;"></div> >+</div> >+<div style="position: absolute; top: 10px; bottom: 30px; width: 20px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/absolute-left-auto-expected.txt b/LayoutTests/fast/block/block-only/absolute-left-auto-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..94bea36dd0b5183059c0b2cc2f7d5bd1dbec673b >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-left-auto-expected.txt >@@ -0,0 +1,13 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x8 >+ RenderBlock {HTML} at (0,0) size 800x8 >+ RenderBody {BODY} at (8,8) size 784x0 >+layer at (108,572) size 30x20 >+ RenderBlock (positioned) {DIV} at (108,572) size 30x20 >+layer at (8,572) size 30x20 >+ RenderBlock (positioned) {DIV} at (8,572) size 30x20 >+layer at (8,8) size 30x20 >+ RenderBlock (positioned) {DIV} at (8,8) size 30x20 >+layer at (8,8) size 30x20 >+ RenderBlock (positioned) {DIV} at (8,8) size 30x20 >diff --git a/LayoutTests/fast/block/block-only/absolute-left-auto.html b/LayoutTests/fast/block/block-only/absolute-left-auto.html >new file mode 100644 >index 0000000000000000000000000000000000000000..47adb8a753683402ac9eeecf2b94c23d8db4afc8 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-left-auto.html >@@ -0,0 +1,9 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="margin-left: 100px; position: absolute; left: auto; bottom: 8px; width: 30px; height: 20px;"></div> >+<div style="position: absolute; right: auto; bottom: 8px; width: 30px; height: 20px;"></div> >+<div style="position: absolute; top: auto; left: 8px; width: 30px; height: 20px;"></div> >+<div style="position: absolute; bottom: auto; left: 8px; width: 30px; height: 20px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/absolute-left-right-top-bottom-auto-expected.txt b/LayoutTests/fast/block/block-only/absolute-left-right-top-bottom-auto-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..8a3c8c9694b2a50b1b0aa4ed3533f87f7edd51c2 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-left-right-top-bottom-auto-expected.txt >@@ -0,0 +1,19 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x96 >+ RenderBlock {HTML} at (0,0) size 800x96 >+ RenderBody {BODY} at (8,8) size 784x80 >+ RenderBlock {DIV} at (0,0) size 10x20 >+ RenderBlock {DIV} at (0,20) size 10x20 >+ RenderBlock {DIV} at (0,40) size 10x20 >+ RenderBlock {DIV} at (0,60) size 10x20 >+layer at (760,28) size 30x20 >+ RenderBlock (positioned) {DIV} at (760,28) size 30x20 >+layer at (10,48) size 30x20 >+ RenderBlock (positioned) {DIV} at (10,48) size 30x20 >+layer at (8,68) size 30x20 >+ RenderBlock (positioned) {DIV} at (8,68) size 30x20 >+layer at (8,10) size 30x20 >+ RenderBlock (positioned) {DIV} at (8,10) size 30x20 >+layer at (8,570) size 30x20 >+ RenderBlock (positioned) {DIV} at (8,570) size 30x20 >diff --git a/LayoutTests/fast/block/block-only/absolute-left-right-top-bottom-auto.html b/LayoutTests/fast/block/block-only/absolute-left-right-top-bottom-auto.html >new file mode 100644 >index 0000000000000000000000000000000000000000..f23e753a8d1440ba8f5f009cd85bad661fe77830 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-left-right-top-bottom-auto.html >@@ -0,0 +1,14 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="width: 10px; height: 20px;"></div> >+<div style="position: absolute; right: 10px; top: auto; width: 30px; height: 20px;"></div> >+<div style="width: 10px; height: 20px;"></div> >+<div style="position: absolute; left: 10px; top: auto; width: 30px; height: 20px;"></div> >+<div style="width: 10px; height: 20px;"></div> >+<div style="position: absolute; left: auto; top: auto; width: 30px; height: 20px;"></div> >+<div style="width: 10px; height: 20px;"></div> >+<div style="position: absolute; left: auto; top: 10px; width: 30px; height: 20px;"></div> >+<div style="position: absolute; left: auto; bottom: 10px; width: 30px; height: 20px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/absolute-nested-expected.txt b/LayoutTests/fast/block/block-only/absolute-nested-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..75c3b13df345127ba63f74b5f7a108f1657f2a24 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-nested-expected.txt >@@ -0,0 +1,9 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x36 >+ RenderBlock {HTML} at (0,0) size 800x36 >+ RenderBody {BODY} at (8,8) size 784x20 >+ RenderBlock {DIV} at (0,0) size 20x20 >+layer at (20,0) size 20x20 >+ RenderBlock (positioned) {DIV} at (20,0) size 20x20 >+ RenderBlock {DIV} at (0,0) size 20x20 >diff --git a/LayoutTests/fast/block/block-only/absolute-nested.html b/LayoutTests/fast/block/block-only/absolute-nested.html >new file mode 100644 >index 0000000000000000000000000000000000000000..6a085d43cbe796ff52f520536efbd8d21c7dbc9c >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-nested.html >@@ -0,0 +1,9 @@ >+<!DOCTYPE html> >+<html> >+<body> >+ <div style="width: 20px; height: 20px;"></div> >+ <div style="position: absolute; left: 20px; top: 0px; width: 20px; height: 20px;"> >+ <div style="width: 20px; height: 20px;"></div> >+ </div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/absolute-nested2-expected.txt b/LayoutTests/fast/block/block-only/absolute-nested2-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..9e209f4580ef3b0ab422644f6c8b12824f36c3fa >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-nested2-expected.txt >@@ -0,0 +1,14 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x36 >+ RenderBlock {HTML} at (0,0) size 800x36 >+ RenderBody {BODY} at (8,8) size 784x20 >+ RenderBlock {DIV} at (0,0) size 20x20 >+layer at (20,20) size 20x20 >+ RenderBlock (positioned) {DIV} at (20,20) size 20x20 >+ RenderBlock {DIV} at (0,0) size 20x20 >+layer at (70,70) size 50x50 >+ RenderBlock (positioned) {DIV} at (50,50) size 50x50 >+layer at (20,120) size 20x20 >+ RenderBlock (positioned) {DIV} at (0,100) size 20x20 >+ RenderBlock {DIV} at (0,0) size 20x20 >diff --git a/LayoutTests/fast/block/block-only/absolute-nested2.html b/LayoutTests/fast/block/block-only/absolute-nested2.html >new file mode 100644 >index 0000000000000000000000000000000000000000..4bd0ea4032a2589305c872398ebb976f4c8ce0ab >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-nested2.html >@@ -0,0 +1,13 @@ >+<!DOCTYPE html> >+<html> >+<body> >+ <div style="width: 20px; height: 20px;"></div> >+ <div style="position: absolute; left: 20px; top: 20px; width: 20px; height: 20px;"> >+ <div style="width: 20px; height: 20px;"> >+ <div style="position: absolute; left: 50px; top: 50px; width: 50px; height: 50px;"></div> >+ </div> >+ <div style="position: absolute; left: 0px; top: 100px; width: 20px; height: 20px;"> >+ <div style="width: 20px; height: 20px;"></div> >+ </div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context-expected.txt b/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..95c6aa55651c17b160728839ca0bb224224e4093 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context-expected.txt >@@ -0,0 +1,11 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x156 >+ RenderBlock {HTML} at (0,0) size 800x156 >+ RenderBody {BODY} at (8,8) size 784x140 >+layer at (108,108) size 140x140 >+ RenderBlock (relative positioned) {DIV} at (0,0) size 140x140 >+layer at (128,128) size 50x50 >+ RenderBlock {DIV} at (20,20) size 50x50 >+layer at (103,103) size 10x10 >+ RenderBlock (positioned) {DIV} at (-5,-5) size 10x10 >diff --git a/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context.html b/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context.html >new file mode 100644 >index 0000000000000000000000000000000000000000..80e0006b33edda1a56017f50d586458d25693d5e >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context.html >@@ -0,0 +1,10 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="position: relative; top: 100px; left: 100px; width: 100px; height: 100px; padding: 20px;"> >+ <div style="overflow: hidden; width: 50px; height: 50px"> >+ <div style="position: absolute; left: -5px; top: -5px; width: 10px; height: 10px;"></div> >+ </div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context2-expected.txt b/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context2-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..df49c1b66991a1841b819f69ce9ec68568d69c60 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context2-expected.txt >@@ -0,0 +1,11 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x156 >+ RenderBlock {HTML} at (0,0) size 800x156 >+ RenderBody {BODY} at (8,8) size 784x140 >+layer at (108,108) size 140x140 >+ RenderBlock (relative positioned) {DIV} at (0,0) size 140x140 >+layer at (128,128) size 50x50 >+ RenderBlock {DIV} at (20,20) size 50x50 >+layer at (103,103) size 10x10 backgroundClip at (108,108) size 140x140 clip at (108,108) size 140x140 >+ RenderBlock (positioned) {DIV} at (-5,-5) size 10x10 >diff --git a/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context2.html b/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context2.html >new file mode 100644 >index 0000000000000000000000000000000000000000..5772ba03765b97b88af602a97a2dc3ad38026fb0 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-position-when-containing-block-is-not-in-the-formatting-context2.html >@@ -0,0 +1,10 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="position: relative; overflow: hidden; top: 100px; left: 100px; width: 100px; height: 100px; padding: 20px;"> >+ <div style="overflow: hidden; width: 50px; height: 50px"> >+ <div style="position: absolute; left: -5px; top: -5px; width: 10px; height: 10px;"></div> >+ </div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/absolute-simple-expected.txt b/LayoutTests/fast/block/block-only/absolute-simple-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..80dafb38cd5254c83d5ddc91ce3eae80ffef8567 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-simple-expected.txt >@@ -0,0 +1,7 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x8 >+ RenderBlock {HTML} at (0,0) size 800x8 >+ RenderBody {BODY} at (8,8) size 784x0 >+layer at (20,10) size 30x40 >+ RenderBlock (positioned) {DIV} at (20,10) size 30x40 >diff --git a/LayoutTests/fast/block/block-only/absolute-simple.html b/LayoutTests/fast/block/block-only/absolute-simple.html >new file mode 100644 >index 0000000000000000000000000000000000000000..b9ed9aacf94fb398558330b945169feed9c364ba >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-simple.html >@@ -0,0 +1,6 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="position: absolute; left: 20px; top: 10px; width: 30px; height: 40px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/absolute-width-shrink-to-fit-expected.txt b/LayoutTests/fast/block/block-only/absolute-width-shrink-to-fit-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..25fda77fbe5bc63b7356d2cff0469724cf9f24c5 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-width-shrink-to-fit-expected.txt >@@ -0,0 +1,20 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x8 >+ RenderBlock {HTML} at (0,0) size 800x8 >+ RenderBody {BODY} at (8,8) size 784x0 >+layer at (8,8) size 120x120 >+ RenderBlock (positioned) {DIV} at (8,8) size 120x120 >+ RenderBlock {DIV} at (10,10) size 100x20 >+layer at (100,8) size 120x120 >+ RenderBlock (positioned) {DIV} at (100,8) size 120x120 >+ RenderBlock {DIV} at (10,10) size 100x20 >+ RenderBlock {DIV} at (10,30) size 100x20 >+layer at (100,8) size 220x120 >+ RenderBlock (positioned) {DIV} at (100,8) size 220x120 >+ RenderBlock {DIV} at (10,10) size 200x20 >+ RenderBlock {DIV} at (0,0) size 110x30 >+layer at (480,8) size 220x120 >+ RenderBlock (positioned) {DIV} at (480,8) size 220x120 >+ RenderBlock {DIV} at (10,25) size 200x20 >+ RenderBlock {DIV} at (15,0) size 105x20 >diff --git a/LayoutTests/fast/block/block-only/absolute-width-shrink-to-fit.html b/LayoutTests/fast/block/block-only/absolute-width-shrink-to-fit.html >new file mode 100644 >index 0000000000000000000000000000000000000000..80b28d4dd77687bc3c4c698913a3c5095d0eb466 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-width-shrink-to-fit.html >@@ -0,0 +1,22 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="position: absolute; width: auto; height: 100px; padding: 10px"> >+ <div style="width: 100px; height: 20px;"></div> >+</div> >+<div style="position: absolute; left: 100px; width: auto; height: 100px; padding: 10px"> >+ <div style="width: 100px; height: 20px;"></div> >+ <div style="width: 100px; height: 20px;"></div> >+</div> >+<div style="position: absolute; left: 100px; width: auto; height: 100px; padding: 10px"> >+ <div style="width: 200px; height: 20px;"> >+ <div style="padding: 5px; maring: 10px; width: 100px; height: 20px;"></div> >+ </div> >+</div> >+<div style="position: absolute; right: 100px; width: auto; height: 100px; padding: 10px"> >+ <div style="width: 200px; height: 20px;"> >+ <div style="margin: 15px; padding-left: 5px; width: 100px; height: 20px;"></div> >+ </div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/absolute-width-stretch-expected.txt b/LayoutTests/fast/block/block-only/absolute-width-stretch-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..a564d335faa0087f79b7fea68bf68c0206e6540e >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-width-stretch-expected.txt >@@ -0,0 +1,9 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x8 >+ RenderBlock {HTML} at (0,0) size 800x8 >+ RenderBody {BODY} at (8,8) size 784x0 >+layer at (10,8) size 760x20 >+ RenderBlock (positioned) {DIV} at (10,8) size 760x20 >+layer at (18,8) size 60x20 >+ RenderBlock (positioned) {DIV} at (10,0) size 60x20 >diff --git a/LayoutTests/fast/block/block-only/absolute-width-stretch.html b/LayoutTests/fast/block/block-only/absolute-width-stretch.html >new file mode 100644 >index 0000000000000000000000000000000000000000..b0daffc7b37c16cbc9ed246b2f2a5d9ec576a3ea >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-width-stretch.html >@@ -0,0 +1,9 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="position: absolute; left: 10px; right: 30px; height: 20px;"></div> >+<div style="position: absolute; width: 100px;"> >+ <div style="position: absolute; left: 10px; right: 30px; height: 20px;"></div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/absolute-with-static-block-position-nested-expected.txt b/LayoutTests/fast/block/block-only/absolute-with-static-block-position-nested-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..13e5d54bc834f3f583077029ceb11bf84b93c4cf >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-with-static-block-position-nested-expected.txt >@@ -0,0 +1,8 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x216 >+ RenderBlock {HTML} at (0,0) size 800x216 >+ RenderBody {BODY} at (8,8) size 784x200 >+ RenderBlock {DIV} at (0,0) size 784x200 >+layer at (108,108) size 10x10 >+ RenderBlock (positioned) {DIV} at (108,108) size 10x10 >diff --git a/LayoutTests/fast/block/block-only/absolute-with-static-block-position-nested.html b/LayoutTests/fast/block/block-only/absolute-with-static-block-position-nested.html >new file mode 100644 >index 0000000000000000000000000000000000000000..ff7a53879479dc8bd4bd24cb13a68ba27c5edc25 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/absolute-with-static-block-position-nested.html >@@ -0,0 +1,8 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="padding: 100px;"> >+ <div style="position: absolute; top: auto; left: auto; width: 10px; height: 10px;"></div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/almost-intruding-left-float-simple-expected.txt b/LayoutTests/fast/block/block-only/almost-intruding-left-float-simple-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..37015b0bfcbe82905f4940017a2d4f3044eebc5d >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/almost-intruding-left-float-simple-expected.txt >@@ -0,0 +1,10 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x116 >+ RenderBlock {HTML} at (0,0) size 800x116 >+ RenderBody {BODY} at (8,8) size 784x100 >+ RenderBlock (floating) {DIV} at (0,0) size 10x100 >+ RenderBlock {DIV} at (0,0) size 100x50 >+ RenderBlock (floating) {DIV} at (10,0) size 10x10 >+ RenderBlock {DIV} at (50,50) size 100x50 >+ RenderBlock (floating) {DIV} at (0,0) size 10x10 >diff --git a/LayoutTests/fast/block/block-only/almost-intruding-left-float-simple.html b/LayoutTests/fast/block/block-only/almost-intruding-left-float-simple.html >new file mode 100644 >index 0000000000000000000000000000000000000000..2d27cf381e4c054e13a4489813dc3d98b00bfdf6 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/almost-intruding-left-float-simple.html >@@ -0,0 +1,12 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="float: left; width: 10px; height: 100px;"></div> >+<div style="width: 100px; height: 50px;"> >+ <div style="float: left; width: 10px; height: 10px;"></div> >+</div> >+<div style="margin-left: 50px; width: 100px; height: 50px;"> >+ <div style="float: left; width: 10px; height: 10px;"></div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/border-simple-expected.txt b/LayoutTests/fast/block/block-only/border-simple-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..23b7a23713d021711b1c2456f76f76dc68ce50cc >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/border-simple-expected.txt >@@ -0,0 +1,15 @@ >+layer at (0,0) size 785x886 >+ RenderView at (0,0) size 785x600 >+layer at (0,0) size 785x881 >+ RenderBlock {HTML} at (0,0) size 785x881 >+ RenderBody {BODY} at (8,8) size 769x865 >+ RenderBlock {DIV} at (0,0) size 220x220 [border: (10px solid #008000)] >+ RenderBlock {DIV} at (10,10) size 202x202 [border: (1px solid #008000)] >+ RenderBlock {DIV} at (0,220) size 200x205 [border: (5px solid #008000) none] >+ RenderBlock {DIV} at (0,5) size 200x201 [border: none (1px solid #008000) none] >+ RenderBlock {DIV} at (0,425) size 220x220 [border: (10px solid #008000)] >+ RenderBlock {DIV} at (10,10) size 222x222 [border: (1px solid #008000)] >+ RenderBlock {DIV} at (0,645) size 220x220 [border: (10px solid #008000)] >+ RenderBlock {DIV} at (20,20) size 202x202 [border: (1px solid #008000)] >+ RenderBlock {DIV} at (11,11) size 200x200 >+ RenderBlock {DIV} at (10,0) size 202x202 [border: (1px solid #008000)] >diff --git a/LayoutTests/fast/block/block-only/border-simple.html b/LayoutTests/fast/block/block-only/border-simple.html >new file mode 100644 >index 0000000000000000000000000000000000000000..f4e31bc2198e4d8446abf1e0153a0d787a503331 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/border-simple.html >@@ -0,0 +1,21 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="border: 10px solid green; width: 200px; height: 200px;"> >+ <div style="border: 1px solid green; width: 200px; height: 200px;"></div> >+</div> >+<div style="border-top: 5px solid green; width: 200px; height: 200px;"> >+ <div style="border-bottom: 1px solid green; width: 200px; height: 200px;"></div> >+</div> >+<div style="border: 10px solid green; width: 200px; height: 200px;"> >+ <div style="padding: 10px; border: 1px solid green; width: 200px; height: 200px;"></div> >+</div> >+<div style="border: 10px solid green; width: 200px; height: 200px;"> >+ <div style="margin: 10px; border: 1px solid green; width: 200px; height: 200px;"> >+ <div style="margin: 10px; width: 200px; height: 200px;"> >+ <div style="margin: 10px; border: 1px solid green; width: 200px; height: 200px;"></div> >+ </div> >+ </div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/fixed-nested-expected.txt b/LayoutTests/fast/block/block-only/fixed-nested-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..d3a2dbdbc11d536f55d5c69eebc1198394518f33 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/fixed-nested-expected.txt >@@ -0,0 +1,14 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x8 >+ RenderBlock {HTML} at (0,0) size 800x8 >+ RenderBody {BODY} at (8,8) size 784x0 >+layer at (20,10) size 30x40 >+ RenderBlock (positioned) {DIV} at (20,10) size 30x40 >+layer at (120,100) size 230x40 >+ RenderBlock (positioned) {DIV} at (120,100) size 230x40 >+layer at (130,110) size 30x40 >+ RenderBlock (positioned) {DIV} at (10,10) size 30x40 >+ RenderBlock {DIV} at (0,0) size 30x40 >+layer at (220,100) size 30x40 >+ RenderBlock (positioned) {DIV} at (220,100) size 30x40 >diff --git a/LayoutTests/fast/block/block-only/fixed-nested.html b/LayoutTests/fast/block/block-only/fixed-nested.html >new file mode 100644 >index 0000000000000000000000000000000000000000..35d64157b7e66c6ba08a5b985a622be72afe5df9 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/fixed-nested.html >@@ -0,0 +1,14 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="position: fixed; left: 20px; top: 10px; width: 30px; height: 40px;"> >+ <div style="position: fixed; left: 120px; top: 100px; width: 230px; height: 40px;"> >+ <div style="position: absolute; left: 10px; top: 10px; width: 30px; height: 40px;"> >+ <div style="width: 30px; height: 40px;"> >+ <div style="position: fixed; left: 220px; top: 100px; width: 30px; height: 40px;"></div> >+ </div> >+ </div> >+ </div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/float-left-when-container-has-padding-margin-expected.txt b/LayoutTests/fast/block/block-only/float-left-when-container-has-padding-margin-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..f8c09fb1bbf7eeedb8d201387cd5f22ae36e648f >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/float-left-when-container-has-padding-margin-expected.txt >@@ -0,0 +1,9 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x140 >+ RenderBlock {HTML} at (0,0) size 800x140 >+ RenderBody {BODY} at (8,10) size 784x120 >+ RenderBlock {DIV} at (10,0) size 120x120 >+ RenderBlock (floating) {DIV} at (10,10) size 20x10 >+ RenderBlock (floating) {DIV} at (30,10) size 70x10 >+ RenderBlock (floating) {DIV} at (10,20) size 30x10 >diff --git a/LayoutTests/fast/block/block-only/float-left-when-container-has-padding-margin.html b/LayoutTests/fast/block/block-only/float-left-when-container-has-padding-margin.html >new file mode 100644 >index 0000000000000000000000000000000000000000..7ff142914bf4c91e0b07616ca1676521493b60a6 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/float-left-when-container-has-padding-margin.html >@@ -0,0 +1,11 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="margin: 10px; padding: 10px; width: 100px; height: 100px;"> >+ <div style="float: left; width: 20px; height: 10px;"></div> >+ <div style="float: left; width: 70px; height: 10px;"></div> >+ <div style="float: left; width: 30px; height: 10px;"></div> >+</div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/floating-box-clear-both-simple-expected.txt b/LayoutTests/fast/block/block-only/floating-box-clear-both-simple-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..27c6c0c4ee584593aec1c35c90169104d90aad22 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-clear-both-simple-expected.txt >@@ -0,0 +1,15 @@ >+layer at (0,0) size 785x1308 >+ RenderView at (0,0) size 785x600 >+layer at (0,0) size 785x1308 >+ RenderBlock {HTML} at (0,0) size 785x1308 >+ RenderBody {BODY} at (8,8) size 769x800 >+ RenderBlock {DIV} at (0,0) size 500x100 >+ RenderBlock (floating) {DIV} at (450,0) size 50x250 >+ RenderBlock (floating) {DIV} at (400,0) size 50x250 >+ RenderBlock (floating) {DIV} at (350,0) size 50x250 >+ RenderBlock {DIV} at (0,250) size 10x100 >+ RenderBlock (floating) {DIV} at (719,350) size 50x350 >+ RenderBlock (floating) {DIV} at (669,350) size 50x250 >+ RenderBlock {DIV} at (0,700) size 10x100 >+ RenderBlock (floating) {DIV} at (0,800) size 50x500 >+ RenderBlock (floating) {DIV} at (719,800) size 50x350 >diff --git a/LayoutTests/fast/block/block-only/floating-box-clear-both-simple.html b/LayoutTests/fast/block/block-only/floating-box-clear-both-simple.html >new file mode 100644 >index 0000000000000000000000000000000000000000..c21067829148ef2ea1612fee383de590f5127a12 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-clear-both-simple.html >@@ -0,0 +1,16 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="width: 500px; height: 100px;"> >+ <div style="float: right; width: 50px; height: 250px;"></div> >+ <div style="float: right; width: 50px; height: 250px;"></div> >+ <div style="float: right; width: 50px; height: 250px;"></div> >+</div> >+<div style="clear: both; width: 10px; height: 100px;"></div> >+<div style="float: right; width: 50px; height: 350px;"></div> >+<div style="float: right; width: 50px; height: 250px;"></div> >+<div style="clear: both; width: 10px; height: 100px;"></div> >+<div style="float: left; width: 50px; height: 500px;"></div> >+<div style="float: right; width: 50px; height: 350px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/floating-box-clear-right-simple-expected.txt b/LayoutTests/fast/block/block-only/floating-box-clear-right-simple-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..2f6dd4ce9afbf014d181fb38ce897eb0db3eaf6f >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-clear-right-simple-expected.txt >@@ -0,0 +1,15 @@ >+layer at (0,0) size 785x1208 >+ RenderView at (0,0) size 785x600 >+layer at (0,0) size 785x1208 >+ RenderBlock {HTML} at (0,0) size 785x1208 >+ RenderBody {BODY} at (8,8) size 769x700 >+ RenderBlock {DIV} at (0,0) size 500x100 >+ RenderBlock (floating) {DIV} at (450,0) size 50x250 >+ RenderBlock (floating) {DIV} at (400,0) size 50x250 >+ RenderBlock (floating) {DIV} at (350,0) size 50x250 >+ RenderBlock (floating) {DIV} at (0,100) size 50x500 >+ RenderBlock (floating) {DIV} at (300,100) size 50x350 >+ RenderBlock (floating) {DIV} at (250,100) size 50x250 >+ RenderBlock {DIV} at (0,600) size 10x100 >+ RenderBlock (floating) {DIV} at (0,700) size 50x500 >+ RenderBlock (floating) {DIV} at (719,700) size 50x350 >diff --git a/LayoutTests/fast/block/block-only/floating-box-clear-right-simple.html b/LayoutTests/fast/block/block-only/floating-box-clear-right-simple.html >new file mode 100644 >index 0000000000000000000000000000000000000000..51d6862534fb11e23a2bcae6a5190f604918be6f >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-clear-right-simple.html >@@ -0,0 +1,16 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="width: 500px; height: 100px;"> >+ <div style="float: right; width: 50px; height: 250px;"></div> >+ <div style="float: right; width: 50px; height: 250px;"></div> >+ <div style="float: right; width: 50px; height: 250px;"></div> >+</div> >+<div style="float: left; width: 50px; height: 500px;"></div> >+<div style="float: right; width: 50px; height: 350px;"></div> >+<div style="float: right; width: 50px; height: 250px;"></div> >+<div style="clear: both; width: 10px; height: 100px;"></div> >+<div style="float: left; width: 50px; height: 500px;"></div> >+<div style="float: right; width: 50px; height: 350px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-expected.txt b/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..72d8797689dbc2c4fb915b7c1026535e6cac8384 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-expected.txt >@@ -0,0 +1,13 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x416 >+ RenderBlock {HTML} at (0,0) size 800x416 >+ RenderBody {BODY} at (8,8) size 784x400 >+ RenderBlock {DIV} at (0,0) size 200x400 >+ RenderBlock (floating) {DIV} at (0,0) size 10x25 >+ RenderBlock (floating) {DIV} at (160,0) size 40x45 >+ RenderBlock (floating) {DIV} at (10,0) size 60x15 >+ RenderBlock (floating) {DIV} at (70,0) size 70x95 >+ RenderBlock (floating) {DIV} at (170,45) size 30x125 >+ RenderBlock (floating) {DIV} at (160,45) size 10x35 >+ RenderBlock (floating) {DIV} at (0,95) size 70x95 >diff --git a/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-with-top-offset-expected.txt b/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-with-top-offset-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..67d467ba9172b1b7545c79672f614f52949f5b58 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-with-top-offset-expected.txt >@@ -0,0 +1,13 @@ >+layer at (0,0) size 785x616 >+ RenderView at (0,0) size 785x600 >+layer at (0,0) size 785x616 >+ RenderBlock {HTML} at (0,0) size 785x616 >+ RenderBody {BODY} at (8,8) size 769x600 >+ RenderBlock {DIV} at (0,0) size 400x600 >+ RenderBlock (floating) {DIV} at (100,100) size 130x15 >+ RenderBlock (floating) {DIV} at (270,100) size 30x125 >+ RenderBlock (floating) {DIV} at (100,115) size 60x10 >+ RenderBlock (floating) {DIV} at (100,125) size 130x10 >+ RenderBlock (floating) {DIV} at (240,125) size 30x125 >+ RenderBlock (floating) {DIV} at (100,135) size 130x10 >+ RenderBlock (floating) {DIV} at (210,145) size 30x125 >diff --git a/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-with-top-offset.html b/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-with-top-offset.html >new file mode 100644 >index 0000000000000000000000000000000000000000..8c86b3c386695b7c1f49dbfa836c491175567ea5 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple-with-top-offset.html >@@ -0,0 +1,14 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="padding: 100px; width: 200px; height: 400px;"> >+ <div style="float: left; width: 130px; height: 15px;"></div> >+ <div style="float: right; width: 30px; height: 125px;"></div> >+ <div style="float: left; width: 60px; height: 10px;"></div> >+ <div style="float: left; width: 130px; height: 10px;"></div> >+ <div style="float: right; width: 30px; height: 125px;"></div> >+ <div style="float: left; width: 130px; height: 10px;"></div> >+ <div style="float: right; width: 30px; height: 125px;"></div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple.html b/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple.html >new file mode 100644 >index 0000000000000000000000000000000000000000..1f0b5489eb2ff6bd6b1c9c65ae4b5642959b36d8 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-left-and-right-multiple.html >@@ -0,0 +1,14 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="width: 200px; height: 400px;"> >+ <div style="float: left; width: 10px; height: 25px;"></div> >+ <div style="float: right; width: 40px; height: 45px;"></div> >+ <div style="float: left; width: 60px; height: 15px;"></div> >+ <div style="float: left; width: 70px; height: 95px;"></div> >+ <div style="float: right; width: 30px; height: 125px;"></div> >+ <div style="float: right; width: 10px; height: 35px;"></div> >+ <div style="float: left; width: 70px; height: 95px;"></div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/floating-box-right-simple-expected.txt b/LayoutTests/fast/block/block-only/floating-box-right-simple-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..dabead630dea547a42a2092c83ad57cf27aaf145 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-right-simple-expected.txt >@@ -0,0 +1,17 @@ >+layer at (0,0) size 785x708 >+ RenderView at (0,0) size 785x600 >+layer at (0,0) size 785x708 >+ RenderBlock {HTML} at (0,0) size 785x708 >+ RenderBody {BODY} at (8,8) size 769x80 >+ RenderBlock {DIV} at (0,0) size 100x40 >+ RenderBlock (floating) {DIV} at (80,0) size 20x250 >+ RenderBlock (floating) {DIV} at (70,0) size 10x150 >+ RenderBlock (floating) {DIV} at (60,0) size 10x150 >+ RenderBlock (floating) {DIV} at (0,150) size 80x150 >+ RenderBlock (floating) {DIV} at (20,300) size 80x150 >+ RenderBlock {DIV} at (0,40) size 500x40 >+ RenderBlock (floating) {DIV} at (0,260) size 20x250 >+ RenderBlock (floating) {DIV} at (490,510) size 10x150 >+ RenderBlock (floating) {DIV} at (480,550) size 10x150 >+ RenderBlock (floating) {DIV} at (400,550) size 80x150 >+ RenderBlock (floating) {DIV} at (320,550) size 80x150 >diff --git a/LayoutTests/fast/block/block-only/floating-box-right-simple.html b/LayoutTests/fast/block/block-only/floating-box-right-simple.html >new file mode 100644 >index 0000000000000000000000000000000000000000..6e77ea7c76649aeb24df7ec3049c307b5738e33f >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-right-simple.html >@@ -0,0 +1,19 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="width: 100px; height: 40px;"> >+ <div style="float: right; width: 20px; height: 250px;"></div> >+ <div style="float: right; width: 10px; height: 150px;"></div> >+ <div style="float: right; width: 10px; height: 150px;"></div> >+ <div style="float: right; width: 80px; height: 150px;"></div> >+ <div style="float: right; width: 80px; height: 150px;"></div> >+</div> >+<div style="width: 500px; height: 40px;"> >+ <div style="float: right; width: 20px; height: 250px;"></div> >+ <div style="float: right; width: 10px; height: 150px;"></div> >+</div> >+ <div style="float: right; width: 10px; height: 150px;"></div> >+ <div style="float: right; width: 80px; height: 150px;"></div> >+ <div style="float: right; width: 80px; height: 150px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/floating-box-with-clear-siblings-expected.txt b/LayoutTests/fast/block/block-only/floating-box-with-clear-siblings-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..0aef51f2bdd884a730c3f0e7d800ff257be71ba1 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-with-clear-siblings-expected.txt >@@ -0,0 +1,9 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x426 >+ RenderBlock {HTML} at (0,0) size 800x426 >+ RenderBody {BODY} at (8,8) size 784x410 >+ RenderBlock {DIV} at (0,0) size 100x40 >+ RenderBlock (floating) {DIV} at (0,0) size 50x250 >+ RenderBlock {DIV} at (0,250) size 10x10 >+ RenderBlock {DIV} at (0,260) size 50x150 >diff --git a/LayoutTests/fast/block/block-only/floating-box-with-clear-siblings.html b/LayoutTests/fast/block/block-only/floating-box-with-clear-siblings.html >new file mode 100644 >index 0000000000000000000000000000000000000000..361c6e5772b7477fccf4347694cd4a27eb95cd29 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-with-clear-siblings.html >@@ -0,0 +1,10 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="width: 100px; height: 40px;"> >+ <div style="float: left; width: 50px; height: 250px;"></div> >+</div> >+<div style="clear: both; width: 10px; height: 10px;"></div> >+<div style="width: 50px; height: 150px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/floating-box-with-clear-simple-expected.txt b/LayoutTests/fast/block/block-only/floating-box-with-clear-simple-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..d7a0c9b259a9acc94d964581fcffbef32dac7c9e >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-with-clear-simple-expected.txt >@@ -0,0 +1,9 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x276 >+ RenderBlock {HTML} at (0,0) size 800x276 >+ RenderBody {BODY} at (8,8) size 784x260 >+ RenderBlock {DIV} at (0,0) size 100x40 >+ RenderBlock (floating) {DIV} at (0,0) size 50x150 >+ RenderBlock (floating) {DIV} at (50,0) size 50x250 >+ RenderBlock {DIV} at (0,250) size 10x10 >diff --git a/LayoutTests/fast/block/block-only/floating-box-with-clear-simple.html b/LayoutTests/fast/block/block-only/floating-box-with-clear-simple.html >new file mode 100644 >index 0000000000000000000000000000000000000000..a1fef0d4237ea8370993467558c3722770ba0c8c >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-with-clear-simple.html >@@ -0,0 +1,10 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="width: 100px; height: 40px;"> >+ <div style="float: left; width: 50px; height: 150px;"></div> >+ <div style="float: left; width: 50px; height: 250px;"></div> >+</div> >+<div style="clear: both; width: 10px; height: 10px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/floating-box-with-new-formatting-context-expected.txt b/LayoutTests/fast/block/block-only/floating-box-with-new-formatting-context-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..f503b6bdd96fd5d116aae7e26463760b9bfce15c >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-with-new-formatting-context-expected.txt >@@ -0,0 +1,9 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x148 >+ RenderBlock {HTML} at (0,0) size 800x148 >+ RenderBody {BODY} at (8,8) size 784x40 >+ RenderBlock (floating) {DIV} at (100,40) size 10x100 >+layer at (38,8) size 100x40 >+ RenderBlock (relative positioned) {DIV} at (0,0) size 100x40 >+ RenderBlock (floating) {DIV} at (0,0) size 100x100 >diff --git a/LayoutTests/fast/block/block-only/floating-box-with-new-formatting-context.html b/LayoutTests/fast/block/block-only/floating-box-with-new-formatting-context.html >new file mode 100644 >index 0000000000000000000000000000000000000000..81e3d8fa7ca4edef864b4708f174ac1d7cb7ae32 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-with-new-formatting-context.html >@@ -0,0 +1,9 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="position: relative; top: 0px; left: 30px; width: 100px; height: 40px;"> >+ <div style="float: left; width: 100px; height: 100px;"></div> >+</div> >+<div style="float: left; width: 10px; height: 100px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/floating-box-with-relative-positioned-sibling-expected.txt b/LayoutTests/fast/block/block-only/floating-box-with-relative-positioned-sibling-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..1032e5d348cee96011e2985d2ac0ead94e8e5548 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-with-relative-positioned-sibling-expected.txt >@@ -0,0 +1,18 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x348 >+ RenderBlock {HTML} at (0,0) size 800x348 >+ RenderBody {BODY} at (8,8) size 784x120 >+ RenderBlock (floating) {DIV} at (0,40) size 10x100 >+ RenderBlock (floating) {DIV} at (100,140) size 10x100 >+ RenderBlock (floating) {DIV} at (110,140) size 10x100 >+ RenderBlock (floating) {DIV} at (100,240) size 10x100 >+layer at (38,18) size 100x40 >+ RenderBlock (relative positioned) {DIV} at (0,0) size 100x40 >+ RenderBlock (floating) {DIV} at (0,0) size 100x10 >+layer at (38,78) size 100x40 >+ RenderBlock (relative positioned) {DIV} at (0,40) size 100x40 >+ RenderBlock (floating) {DIV} at (0,100) size 100x10 >+layer at (38,128) size 100x40 >+ RenderBlock (relative positioned) {DIV} at (0,80) size 100x40 >+ RenderBlock (floating) {DIV} at (0,160) size 100x10 >diff --git a/LayoutTests/fast/block/block-only/floating-box-with-relative-positioned-sibling.html b/LayoutTests/fast/block/block-only/floating-box-with-relative-positioned-sibling.html >new file mode 100644 >index 0000000000000000000000000000000000000000..f3047cf35e90373229032a2e41b3e3183665d5be >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-box-with-relative-positioned-sibling.html >@@ -0,0 +1,18 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="position: relative; top: 10px; left: 30px; width: 100px; height: 40px;"> >+ <div style="float: left; width: 100px; height: 10px;"></div> >+</div> >+<div style="float: left; width: 10px; height: 100px;"></div> >+<div style="position: relative; top: 30px; left: 30px; width: 100px; height: 40px;"> >+ <div style="float: left; width: 100px; height: 10px;"></div> >+</div> >+<div style="float: left; width: 10px; height: 100px;"></div> >+<div style="float: left; width: 10px; height: 100px;"></div> >+<div style="position: relative; top: 40px; left: 30px; width: 100px; height: 40px;"> >+ <div style="float: left; width: 100px; height: 10px;"></div> >+</div> >+<div style="float: left; width: 10px; height: 100px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/floating-left-right-simple-expected.txt b/LayoutTests/fast/block/block-only/floating-left-right-simple-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..29f1ab6870e56606539bbd89e9b342fa898e045b >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-left-right-simple-expected.txt >@@ -0,0 +1,9 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x216 >+ RenderBlock {HTML} at (0,0) size 800x216 >+ RenderBody {BODY} at (8,8) size 784x200 >+ RenderBlock {DIV} at (0,0) size 200x200 >+ RenderBlock {DIV} at (0,0) size 10x10 >+ RenderBlock (floating) {DIV} at (0,10) size 20x20 >+ RenderBlock {DIV} at (0,0) size 10x10 >diff --git a/LayoutTests/fast/block/block-only/floating-left-right-simple.html b/LayoutTests/fast/block/block-only/floating-left-right-simple.html >new file mode 100644 >index 0000000000000000000000000000000000000000..554cad21efdf774046b0a68397171bab48a8f136 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-left-right-simple.html >@@ -0,0 +1,10 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="width: 200px; height: 200px;"> >+ <div style="width: 10px; height: 10px;"></div> >+ <div style="float: left; width: 20px; height: 20px;"> >+ <div style="width: 10px; height: 10px;"></div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/floating-left-right-with-all-margins-expected.txt b/LayoutTests/fast/block/block-only/floating-left-right-with-all-margins-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..52cea1d02579981bec9740eaf910acd9bdcb270c >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-left-right-with-all-margins-expected.txt >@@ -0,0 +1,46 @@ >+layer at (0,0) size 785x676 >+ RenderView at (0,0) size 785x600 >+layer at (0,0) size 785x676 >+ RenderBlock {HTML} at (0,0) size 785x676 >+ RenderBody {BODY} at (8,8) size 769x660 >+ RenderBlock {DIV} at (0,0) size 500x50 >+ RenderBlock (floating) {DIV} at (10,0) size 20x20 >+ RenderBlock (floating) {DIV} at (30,0) size 20x20 >+ RenderBlock (floating) {DIV} at (70,0) size 20x20 >+ RenderBlock (floating) {DIV} at (90,0) size 20x20 >+ RenderBlock (floating) {DIV} at (130,10) size 20x20 >+ RenderBlock (floating) {DIV} at (170,10) size 20x20 >+ RenderBlock {DIV} at (0,50) size 500x50 >+ RenderBlock (floating) {DIV} at (480,0) size 20x20 >+ RenderBlock (floating) {DIV} at (440,0) size 20x20 >+ RenderBlock (floating) {DIV} at (420,0) size 20x20 >+ RenderBlock (floating) {DIV} at (380,0) size 20x20 >+ RenderBlock (floating) {DIV} at (350,10) size 20x20 >+ RenderBlock (floating) {DIV} at (310,10) size 20x20 >+ RenderBlock {DIV} at (0,100) size 500x50 >+ RenderBlock (floating) {DIV} at (480,0) size 20x20 >+ RenderBlock (floating) {DIV} at (440,0) size 20x20 >+ RenderBlock (floating) {DIV} at (10,0) size 20x20 >+ RenderBlock (floating) {DIV} at (30,0) size 20x20 >+ RenderBlock {DIV} at (0,150) size 500x50 >+ RenderBlock (floating) {DIV} at (400,0) size 20x20 >+ RenderBlock (floating) {DIV} at (0,20) size 20x20 >+ RenderBlock {DIV} at (0,200) size 500x50 >+ RenderBlock (floating) {DIV} at (480,0) size 20x20 >+ RenderBlock (floating) {DIV} at (400,20) size 20x20 >+ RenderBlock {DIV} at (0,250) size 500x50 >+ RenderBlock (floating) {DIV} at (400,0) size 20x20 >+ RenderBlock (floating) {DIV} at (400,20) size 20x20 >+ RenderBlock {DIV} at (0,300) size 500x120 >+ RenderBlock (floating) {DIV} at (10,10) size 480x20 >+ RenderBlock (floating) {DIV} at (480,90) size 20x20 >+ RenderBlock {DIV} at (0,420) size 500x50 >+ RenderBlock (floating) {DIV} at (10,10) size 20x20 >+ RenderBlock (floating) {DIV} at (470,10) size 20x20 >+ RenderBlock {DIV} at (0,470) size 500x80 >+ RenderBlock (floating) {DIV} at (50,50) size 20x20 >+ RenderBlock (floating) {DIV} at (480,0) size 20x20 >+ RenderBlock {DIV} at (0,550) size 500x60 >+ RenderBlock (floating) {DIV} at (480,50) size 20x20 >+ RenderBlock {DIV} at (0,610) size 500x50 >+ RenderBlock (floating) {DIV} at (450,10) size 20x20 >diff --git a/LayoutTests/fast/block/block-only/floating-left-right-with-all-margins.html b/LayoutTests/fast/block/block-only/floating-left-right-with-all-margins.html >new file mode 100644 >index 0000000000000000000000000000000000000000..0513ae4a9062f7fbe43342e9b338439f4ed657a9 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-left-right-with-all-margins.html >@@ -0,0 +1,62 @@ >+<!DOCTYPE html> >+<html> >+<head> >+<style> >+div { outline: 1px solid green; } >+</style> >+</head> >+<body> >+<div style="width: 500px; height: 50px;"> >+ <div style="float: left; width: 20px; height: 20px; margin-left: 10px;"></div> >+ <div style="float: left; width: 20px; height: 20px; margin-right: 10px;"></div> >+ <div style="float: left; width: 20px; height: 20px; margin-left: 10px;"></div> >+ <div style="float: left; width: 20px; height: 20px; margin-right: 10px;"></div> >+ <div style="float: left; width: 20px; height: 20px; margin: 10px;"></div> >+ <div style="float: left; width: 20px; height: 20px; margin: 10px;"></div> >+</div> >+<div style="width: 500px; height: 50px;"> >+ <div style="float: right; width: 20px; height: 20px; margin-left: 10px;"></div> >+ <div style="float: right; width: 20px; height: 20px; margin-right: 10px;"></div> >+ <div style="float: right; width: 20px; height: 20px; margin-left: 10px;"></div> >+ <div style="float: right; width: 20px; height: 20px; margin-right: 10px;"></div> >+ <div style="float: right; width: 20px; height: 20px; margin: 10px;"></div> >+ <div style="float: right; width: 20px; height: 20px; margin: 10px;"></div> >+</div> >+<div style="width: 500px; height: 50px;"> >+ <div style="float: right; width: 20px; height: 20px; margin-left: 10px;"></div> >+ <div style="float: right; width: 20px; height: 20px; margin-right: 10px;"></div> >+ <div style="float: left; width: 20px; height: 20px; margin-left: 10px;"></div> >+ <div style="float: left; width: 20px; height: 20px; margin-right: 10px;"></div> >+</div> >+<div style="width: 500px; height: 50px;"> >+ <div style="float: left; width: 20px; height: 20px; margin-left: 400px;"></div> >+ <div style="float: left; width: 20px; height: 20px; margin-right: 80px;"></div> >+</div> >+<div style="width: 500px; height: 50px;"> >+ <div style="float: right; width: 20px; height: 20px; margin-left: 400px;"></div> >+ <div style="float: right; width: 20px; height: 20px; margin-right: 80px;"></div> >+</div> >+<div style="width: 500px; height: 50px;"> >+ <div style="float: left; width: 20px; height: 20px; margin-left: 400px;"></div> >+ <div style="float: right; width: 20px; height: 20px; margin-right: 80px;"></div> >+</div> >+<div style="width: 500px; height: 120px;"> >+ <div style="float: left; width: 480px; height: 20px; margin: 10px;"></div> >+ <div style="float: right; width: 20px; height: 20px; margin-top: 50px;"></div> >+</div> >+<div style="width: 500px; height: 50px;"> >+ <div style="float: left; width: 20px; height: 20px; margin: 10px;"></div> >+ <div style="float: right; width: 20px; height: 20px; margin: 10px;"></div> >+</div> >+<div style="width: 500px; height: 80px;"> >+ <div style="float: left; width: 20px; height: 20px; margin: 50px;"></div> >+ <div style="float: right; width: 20px; height: 20px;"></div> >+</div> >+<div style="width: 500px; height: 60px;"> >+ <div style="float: right; width: 20px; height: 20px; margin-top: 50px;"></div> >+</div> >+<div style="width: 500px; height: 50px;"> >+ <div style="float: right; width: 20px; height: 20px; margin: 10px;"></div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/floating-lefts-and-rights-simple-expected.txt b/LayoutTests/fast/block/block-only/floating-lefts-and-rights-simple-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..b76af4981976584ea3d1c13ff93245afed34c2bd >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-lefts-and-rights-simple-expected.txt >@@ -0,0 +1,8 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x124 >+ RenderBlock {HTML} at (0,0) size 800x124 >+ RenderBody {BODY} at (8,8) size 784x100 >+ RenderBlock (floating) {DIV} at (0,0) size 40x25 >+ RenderBlock {DIV} at (0,0) size 100x100 >+ RenderBlock (floating) {DIV} at (774,100) size 10x16 >diff --git a/LayoutTests/fast/block/block-only/floating-lefts-and-rights-simple.html b/LayoutTests/fast/block/block-only/floating-lefts-and-rights-simple.html >new file mode 100644 >index 0000000000000000000000000000000000000000..a5a24a03205e7194164cc2bfb63294a5189d6aaf >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-lefts-and-rights-simple.html >@@ -0,0 +1,9 @@ >+<!DOCTYPE html> >+<html> >+<body> >+ <div style="float: left; width: 40px; height: 25px;"></div> >+ <div style="width: 100px; height: 100px"></div> >+ <div style="float: right; width: 10px; height: 16px;"></div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/floating-multiple-lefts-expected.txt b/LayoutTests/fast/block/block-only/floating-multiple-lefts-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..ba301a815a5fdbcda2aca3dcd3b3e21c6ace9756 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-multiple-lefts-expected.txt >@@ -0,0 +1,14 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x216 >+ RenderBlock {HTML} at (0,0) size 800x216 >+ RenderBody {BODY} at (8,8) size 784x200 >+ RenderBlock {DIV} at (0,0) size 185x200 >+ RenderBlock (floating) {DIV} at (0,0) size 40x25 >+ RenderBlock (floating) {DIV} at (40,0) size 10x16 >+ RenderBlock (floating) {DIV} at (50,0) size 90x13 >+ RenderBlock (floating) {DIV} at (140,0) size 20x16 >+ RenderBlock (floating) {DIV} at (160,0) size 20x10 >+ RenderBlock (floating) {DIV} at (40,16) size 40x100 >+ RenderBlock (floating) {DIV} at (80,16) size 10x150 >+ RenderBlock (floating) {DIV} at (0,166) size 100x10 >diff --git a/LayoutTests/fast/block/block-only/floating-multiple-lefts-in-body-expected.txt b/LayoutTests/fast/block/block-only/floating-multiple-lefts-in-body-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..08d90bd45e7575b77d6c23b5a5e3c221d6a32a70 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-multiple-lefts-in-body-expected.txt >@@ -0,0 +1,18 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x458 >+ RenderBlock {HTML} at (0,0) size 800x458 >+ RenderBody {BODY} at (8,8) size 784x400 >+ RenderBlock (floating) {DIV} at (0,0) size 40x25 >+ RenderBlock {DIV} at (0,0) size 100x100 >+ RenderBlock (floating) {DIV} at (0,100) size 10x16 >+ RenderBlock (floating) {DIV} at (10,100) size 90x13 >+ RenderBlock {DIV} at (0,100) size 100x100 >+ RenderBlock (floating) {DIV} at (0,200) size 20x16 >+ RenderBlock (floating) {DIV} at (20,200) size 20x10 >+ RenderBlock (floating) {DIV} at (40,200) size 40x100 >+ RenderBlock {DIV} at (0,200) size 100x100 >+ RenderBlock (floating) {DIV} at (0,300) size 10x150 >+ RenderBlock (floating) {DIV} at (10,300) size 100x10 >+ RenderBlock {DIV} at (0,300) size 100x100 >+ RenderBlock (floating) {DIV} at (10,400) size 100x10 >diff --git a/LayoutTests/fast/block/block-only/floating-multiple-lefts-in-body.html b/LayoutTests/fast/block/block-only/floating-multiple-lefts-in-body.html >new file mode 100644 >index 0000000000000000000000000000000000000000..0224a94e2e5f25161c4d8beda07cf403cacc5f2d >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-multiple-lefts-in-body.html >@@ -0,0 +1,19 @@ >+<!DOCTYPE html> >+<html> >+<body> >+ <div style="float: left; width: 40px; height: 25px;"></div> >+ <div style="width: 100px; height: 100px"></div> >+ <div style="float: left; width: 10px; height: 16px;"></div> >+ <div style="float: left; width: 90px; height: 13px;"></div> >+ <div style="width: 100px; height: 100px"></div> >+ <div style="float: left; width: 20px; height: 16px;"></div> >+ <div style="float: left; width: 20px; height: 10px;"></div> >+ <div style="float: left; width: 40px; height: 100px;"></div> >+ <div style="width: 100px; height: 100px"></div> >+ <div style="float: left; width: 10px; height: 150px;"></div> >+ <div style="float: left; width: 100px; height: 10px;"></div> >+ <div style="width: 100px; height: 100px"></div> >+ <div style="float: left; width: 100px; height: 10px;"></div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/floating-multiple-lefts-multiple-lines-expected.txt b/LayoutTests/fast/block/block-only/floating-multiple-lefts-multiple-lines-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..870572457b3c8e468ad0d2b6380f966ea63d3f70 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-multiple-lefts-multiple-lines-expected.txt >@@ -0,0 +1,7 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x216 >+ RenderBlock {HTML} at (0,0) size 800x216 >+ RenderBody {BODY} at (8,8) size 784x200 >+ RenderBlock {DIV} at (0,0) size 185x200 >+ RenderBlock (floating) {DIV} at (0,0) size 40x25 >diff --git a/LayoutTests/fast/block/block-only/floating-multiple-lefts-multiple-lines.html b/LayoutTests/fast/block/block-only/floating-multiple-lefts-multiple-lines.html >new file mode 100644 >index 0000000000000000000000000000000000000000..f8e94bec753ec3164c25ac65967ec6ba18d91295 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-multiple-lefts-multiple-lines.html >@@ -0,0 +1,8 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="width: 185px; height: 200px;"> >+ <div style="float: left; width: 40px; height: 25px;"></div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/floating-multiple-lefts.html b/LayoutTests/fast/block/block-only/floating-multiple-lefts.html >new file mode 100644 >index 0000000000000000000000000000000000000000..cada33a380578b2eb5c33751747d650550b78bc7 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-multiple-lefts.html >@@ -0,0 +1,15 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="width: 185px; height: 200px;"> >+ <div style="float: left; width: 40px; height: 25px;"></div> >+ <div style="float: left; width: 10px; height: 16px;"></div> >+ <div style="float: left; width: 90px; height: 13px;"></div> >+ <div style="float: left; width: 20px; height: 16px;"></div> >+ <div style="float: left; width: 20px; height: 10px;"></div> >+ <div style="float: left; width: 40px; height: 100px;"></div> >+ <div style="float: left; width: 10px; height: 150px;"></div> >+ <div style="float: left; width: 100px; height: 10px;"></div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/floating-with-new-block-formatting-context-expected.txt b/LayoutTests/fast/block/block-only/floating-with-new-block-formatting-context-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..63f634f2188b091d2700ce780bd8078b950db5a1 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-with-new-block-formatting-context-expected.txt >@@ -0,0 +1,15 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x116 >+ RenderBlock {HTML} at (0,0) size 800x116 >+ RenderBody {BODY} at (8,8) size 784x100 >+ RenderBlock {DIV} at (0,0) size 400x100 >+ RenderBlock (floating) {DIV} at (0,0) size 50x25 >+ RenderBlock (floating) {DIV} at (50,0) size 50x50 >+ RenderBlock (floating) {DIV} at (100,0) size 50x5 >+ RenderBlock (floating) {DIV} at (150,0) size 50x40 >+ RenderBlock (floating) {DIV} at (220,0) size 180x80 >+layer at (108,48) size 50x50 >+ RenderBlock {DIV} at (100,40) size 50x50 >+layer at (8,98) size 50x50 >+ RenderBlock {DIV} at (0,90) size 50x50 >diff --git a/LayoutTests/fast/block/block-only/floating-with-new-block-formatting-context.html b/LayoutTests/fast/block/block-only/floating-with-new-block-formatting-context.html >new file mode 100644 >index 0000000000000000000000000000000000000000..2b59fa80dce9163c8d75ca1dabd94f7d697037a9 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/floating-with-new-block-formatting-context.html >@@ -0,0 +1,15 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="width: 400px; height: 100px;"> >+ <div style="float: left; width: 50px; height: 25px;"></div> >+ <div style="float: left; width: 50px; height: 50px;"></div> >+ <div style="float: left; width: 50px; height: 5px;"></div> >+ <div style="float: left; width: 50px; height: 40px;"></div> >+ <div style="float: right; width: 180px; height: 80px;"></div> >+ <div style="overflow:hidden; width: 50px; height: 50px;"> >+</div> >+<div style="overflow:hidden; width: 50px; height: 50px;"> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/margin-collapse-bottom-bottom-expected.txt b/LayoutTests/fast/block/block-only/margin-collapse-bottom-bottom-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..0abdad341f06de051b84edea478f9ed9e05eb5f2 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-collapse-bottom-bottom-expected.txt >@@ -0,0 +1,12 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x127 >+ RenderBlock {HTML} at (0,0) size 800x127 >+ RenderBody {BODY} at (8,8) size 784x111 >+ RenderBlock {DIV} at (0,0) size 20x20 >+ RenderBlock {DIV} at (0,0) size 20x20 >+ RenderBlock {DIV} at (0,40) size 20x20 >+ RenderBlock {DIV} at (0,60) size 1x1 >+ RenderBlock {DIV} at (0,61) size 20x20 >+ RenderBlock {DIV} at (0,0) size 20x20 >+ RenderBlock {DIV} at (0,91) size 20x20 >diff --git a/LayoutTests/fast/block/block-only/margin-collapse-bottom-bottom.html b/LayoutTests/fast/block/block-only/margin-collapse-bottom-bottom.html >new file mode 100644 >index 0000000000000000000000000000000000000000..119144477e5f227751d3932fd6ae598bf3e653ec >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-collapse-bottom-bottom.html >@@ -0,0 +1,14 @@ >+<!DOCTYPE html> >+<html> >+<body> >+ <div style="width: 20px; height: auto;"> >+ <div style="margin-bottom: 20px; width: 20px; height: 20px;"></div> >+ </div> >+ <div style="margin-top: 10px; width: 20px; height: 20px;"></div> >+ <div style="width: 1px; height: 1px; border: 0px solid transparent;"></div> >+ <div style="width: 20px; height: 20px;"> >+ <div style="margin-bottom: 20px; width: 20px; height: 20px;"></div> >+ </div> >+ <div style="margin-top: 10px; width: 20px; height: 20px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/margin-collapse-bottom-nested-expected.txt b/LayoutTests/fast/block/block-only/margin-collapse-bottom-nested-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..0bca16f424e66b3c3e4d8bd4c4f37ed0d5e6407d >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-collapse-bottom-nested-expected.txt >@@ -0,0 +1,11 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x66 >+ RenderBlock {HTML} at (0,0) size 800x66 >+ RenderBody {BODY} at (8,8) size 784x50 >+ RenderBlock {DIV} at (0,0) size 20x20 >+ RenderBlock {DIV} at (0,0) size 20x20 >+ RenderBlock {DIV} at (0,0) size 20x20 >+ RenderBlock {DIV} at (0,0) size 20x20 >+ RenderBlock {DIV} at (0,0) size 20x20 >+ RenderBlock {DIV} at (0,30) size 20x20 >diff --git a/LayoutTests/fast/block/block-only/margin-collapse-bottom-nested.html b/LayoutTests/fast/block/block-only/margin-collapse-bottom-nested.html >new file mode 100644 >index 0000000000000000000000000000000000000000..6932fb147d876b5d2bef47de4cb27e38fb4e6ca7 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-collapse-bottom-nested.html >@@ -0,0 +1,15 @@ >+<!DOCTYPE html> >+<html> >+<body> >+ <div style="width: 20px; height: auto;"> >+ <div style="margin-bottom: 1px; width: 20px; height: 20px;"> >+ <div style="margin-bottom: 5px; width: 20px; height: 20px;"> >+ <div style="margin-bottom: 10px; width: 20px; height: 20px;"> >+ <div style="margin-bottom: 20px; width: 20px; height: 20px;"></div> >+ </div> >+ </div> >+ </div> >+ </div> >+ <div style="margin-top: 10px; width: 20px; height: 20px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/margin-collapse-first-last-are-floating-expected.txt b/LayoutTests/fast/block/block-only/margin-collapse-first-last-are-floating-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..7d4e60f781739c15f5af5cd5d28d53d62e6376cd >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-collapse-first-last-are-floating-expected.txt >@@ -0,0 +1,12 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x370 >+ RenderBlock {HTML} at (0,0) size 800x370 >+ RenderBody {BODY} at (8,10) size 784x320 >+ RenderBlock {DIV} at (0,0) size 100x100 >+ RenderBlock (floating) {DIV} at (0,0) size 20x10 >+ RenderBlock {DIV} at (10,0) size 50x50 >+ RenderBlock {DIV} at (0,130) size 100x100 >+ RenderBlock {DIV} at (30,0) size 50x50 >+ RenderBlock (floating) {DIV} at (0,80) size 20x10 >+ RenderBlock {DIV} at (40,270) size 50x50 >diff --git a/LayoutTests/fast/block/block-only/margin-collapse-first-last-are-floating.html b/LayoutTests/fast/block/block-only/margin-collapse-first-last-are-floating.html >new file mode 100644 >index 0000000000000000000000000000000000000000..8aed08d76a76710563fc38a991a49554ad8c7391 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-collapse-first-last-are-floating.html >@@ -0,0 +1,14 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="width: 100px; height: 100px;"> >+ <div style="float: left; width: 20px; height: 10px;"></div> >+ <div style="margin: 10px; width: 50px; height: 50px;"></div> >+</div> >+<div style="width: 100px; height: 100px;"> >+ <div style="margin: 30px; width: 50px; height: 50px;"></div> >+ <div style="float: left; width: 20px; height: 10px;"></div> >+</div> >+<div style="margin: 40px; width: 50px; height: 50px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/margin-collapse-simple-expected.txt b/LayoutTests/fast/block/block-only/margin-collapse-simple-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..62f194eee8a3c83747321fc22ed868865bea0c97 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-collapse-simple-expected.txt >@@ -0,0 +1,7 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x60 >+ RenderBlock {HTML} at (0,0) size 800x60 >+ RenderBody {BODY} at (8,20) size 784x20 >+ RenderBlock {DIV} at (20,0) size 20x20 >+ RenderBlock {DIV} at (0,0) size 20x20 >diff --git a/LayoutTests/fast/block/block-only/margin-collapse-simple.html b/LayoutTests/fast/block/block-only/margin-collapse-simple.html >new file mode 100644 >index 0000000000000000000000000000000000000000..7b5f60bbcae056fc30d3989037ff647ce4050dd9 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-collapse-simple.html >@@ -0,0 +1,8 @@ >+<!DOCTYPE html> >+<html> >+<body> >+ <div style="margin: 20px; width: 20px; height: 20px;"> >+ <div style="margin-top: 20px; width: 20px; height: 20px;"></div> >+ </div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/margin-collapse-top-nested-expected.txt b/LayoutTests/fast/block/block-only/margin-collapse-top-nested-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..1bf1fdd1f3361793b3aca7acc96b1cce4f70a5ab >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-collapse-top-nested-expected.txt >@@ -0,0 +1,8 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x58 >+ RenderBlock {HTML} at (0,0) size 800x58 >+ RenderBody {BODY} at (8,8) size 784x40 >+ RenderBlock {DIV} at (0,0) size 60x40 >+ RenderBlock {DIV} at (0,0) size 60x40 >+ RenderBlock {DIV} at (0,0) size 60x40 >diff --git a/LayoutTests/fast/block/block-only/margin-collapse-top-nested.html b/LayoutTests/fast/block/block-only/margin-collapse-top-nested.html >new file mode 100644 >index 0000000000000000000000000000000000000000..95f0d59d0e63455bcdcd74b230f062d9a7264037 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-collapse-top-nested.html >@@ -0,0 +1,10 @@ >+<!DOCTYPE html> >+<html> >+<body> >+ <div style="margin-bottom: 10px; width: 60px; height: 40px;"> >+ <div style="margin-bottom: 10px; width: 60px; height: 40px;"> >+ <div style="margin-bottom: 20px; width: 60px; height: 40px;"></div> >+ </div> >+ </div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/margin-collapse-when-child-has-padding-border-expected.txt b/LayoutTests/fast/block/block-only/margin-collapse-when-child-has-padding-border-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..7af6810300b0a693c2ea24d2dc4e8e83366ed21d >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-collapse-when-child-has-padding-border-expected.txt >@@ -0,0 +1,9 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x56 >+ RenderBlock {HTML} at (0,0) size 800x56 >+ RenderBody {BODY} at (8,-2) size 784x50 >+ RenderBlock {DIV} at (0,0) size 200x20 >+ RenderBlock {DIV} at (-10,0) size 110x210 >+ RenderBlock {DIV} at (0,30) size 200x20 >+ RenderBlock {DIV} at (10,0) size 100x200 >diff --git a/LayoutTests/fast/block/block-only/margin-collapse-when-child-has-padding-border.html b/LayoutTests/fast/block/block-only/margin-collapse-when-child-has-padding-border.html >new file mode 100644 >index 0000000000000000000000000000000000000000..95bafa1f080d9336f6424972ceace70311f4d790 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-collapse-when-child-has-padding-border.html >@@ -0,0 +1,11 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="width: 200px; height: 20px;"> >+ <div style="margin: -10px; padding: 5px; width: 100px; height: 200px;"></div> >+</div> >+<div style="width: 200px; height: 20px;"> >+ <div style="margin: 10px; border: 5px; width: 100px; height: 200px;"></div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context-expected.txt b/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..ade8f32ed568df1f81c6b484e69357cca6bcd589 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context-expected.txt >@@ -0,0 +1,9 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x106 >+ RenderBlock {HTML} at (0,0) size 800x106 >+ RenderBody {BODY} at (8,8) size 784x90 >+ RenderBlock {DIV} at (0,80) size 20x10 >+layer at (8,8) size 20x70 >+ RenderBlock {DIV} at (0,0) size 20x70 >+ RenderBlock {DIV} at (0,0) size 20x50 >diff --git a/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context.html b/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context.html >new file mode 100644 >index 0000000000000000000000000000000000000000..d2ebcde7e05f2875a21298723f647ae044850b74 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context.html >@@ -0,0 +1,9 @@ >+<!DOCTYPE html> >+<html> >+<body> >+ <div style="overflow: hidden; width: 20px; height: auto;"> >+ <div style="margin-bottom: 20px; width: 20px; height: 50px;"></div> >+ </div> >+ <div style="margin-top: 10px; width: 20px; height: 10px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context2-expected.txt b/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context2-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..6da1b06089415238e236b3369075b3704bf8c5c8 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context2-expected.txt >@@ -0,0 +1,14 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x346 >+ RenderBlock {HTML} at (0,0) size 800x346 >+ RenderBody {BODY} at (8,8) size 784x330 >+ RenderBlock {DIV} at (0,280) size 40x50 >+layer at (8,8) size 30x70 >+ RenderBlock {DIV} at (0,0) size 30x70 >+ RenderBlock {DIV} at (0,0) size 20x50 >+ RenderBlock {DIV} at (0,0) size 20x50 >+layer at (8,78) size 50x160 >+ RenderBlock {DIV} at (0,70) size 50x160 >+ RenderBlock {DIV} at (0,0) size 40x50 >+ RenderBlock {DIV} at (0,110) size 40x50 >diff --git a/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context2.html b/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context2.html >new file mode 100644 >index 0000000000000000000000000000000000000000..4b35b317b52f7a26fea41019d4e99eb9f7d3f6b3 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-collapse-with-block-formatting-context2.html >@@ -0,0 +1,15 @@ >+<!DOCTYPE html> >+<html> >+<body> >+ <div style="overflow: hidden; width: 30px; height: auto;"> >+ <div style="margin-bottom: 20px; width: 20px; height: 50px;"> >+ <div style="margin-bottom: 40px; width: 20px; height: 50px;"></div> >+ </div> >+ </div> >+ <div style="overflow: hidden; width: 50px; height: auto;"> >+ <div style="margin-bottom: 50px; width: 40px; height: 50px;"></div> >+ <div style="margin-top: 60px; width: 40px; height: 50px;"></div> >+ </div> >+ <div style="margin-top: 50px; width: 40px; height: 50px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/margin-left-right-sizing-expected.txt b/LayoutTests/fast/block/block-only/margin-left-right-sizing-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..3c0358e4d5e9186fcec53ae3e6781b545665d3ed >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-left-right-sizing-expected.txt >@@ -0,0 +1,10 @@ >+layer at (0,0) size 797x908 >+ RenderView at (0,0) size 785x585 >+layer at (0,0) size 785x908 >+ RenderBlock {HTML} at (0,0) size 785x908 >+ RenderBody {BODY} at (8,8) size 769x700 >+ RenderBlock {DIV} at (200,0) size 569x100 >+ RenderBlock {DIV} at (-20,100) size 789x100 >+ RenderBlock {DIV} at (0,200) size 569x100 >+ RenderBlock {DIV} at (0,300) size 789x100 >+ RenderBlock {DIV} at (200,600) size 369x100 >diff --git a/LayoutTests/fast/block/block-only/margin-left-right-sizing-out-of-flow-expected.txt b/LayoutTests/fast/block/block-only/margin-left-right-sizing-out-of-flow-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..ca567fc9b6ff5142f4b68fc0c2320798355a6491 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-left-right-sizing-out-of-flow-expected.txt >@@ -0,0 +1,15 @@ >+layer at (0,0) size 785x640 >+ RenderView at (0,0) size 785x600 >+layer at (0,0) size 785x8 >+ RenderBlock {HTML} at (0,0) size 785x8 >+ RenderBody {BODY} at (8,8) size 769x0 >+layer at (210,10) size 100x50 >+ RenderBlock (positioned) {DIV} at (210,10) size 100x50 >+layer at (275,60) size 100x50 >+ RenderBlock (positioned) {DIV} at (275,60) size 100x50 >+layer at (408,90) size 100x50 >+ RenderBlock (positioned) {DIV} at (408,90) size 100x50 >+layer at (8,140) size 100x50 >+ RenderBlock (positioned) {DIV} at (8,140) size 100x50 >+layer at (408,590) size 100x50 >+ RenderBlock (positioned) {DIV} at (408,590) size 100x50 >diff --git a/LayoutTests/fast/block/block-only/margin-left-right-sizing-out-of-flow.html b/LayoutTests/fast/block/block-only/margin-left-right-sizing-out-of-flow.html >new file mode 100644 >index 0000000000000000000000000000000000000000..0673c1328563eac728fcf37194fd4e6a608a81c0 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-left-right-sizing-out-of-flow.html >@@ -0,0 +1,10 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="position: absolute; top: 10px; left: 10px; margin-left: 200px; width: 100px; height: 50px;"></div> >+<div style="position: absolute; top: 60px; right: 10px; margin-right: 400px; width: 100px; height: 50px;"></div> >+<div style="position: absolute; top: 90px; margin-left: 400px; width: 100px; height: 50px;"></div> >+<div style="position: absolute; top: 140px; margin-right: 400px; width: 100px; height: 50px;"></div> >+<div style="position: absolute; top: 190px; margin: 400px; width: 100px; height: 50px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/margin-left-right-sizing.html b/LayoutTests/fast/block/block-only/margin-left-right-sizing.html >new file mode 100644 >index 0000000000000000000000000000000000000000..4802407d6209022d6338c9ef87af3a95382095bf >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-left-right-sizing.html >@@ -0,0 +1,10 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="margin-left: 200px; height: 100px;"></div> >+<div style="margin-left: -20px; height: 100px;"></div> >+<div style="margin-right: 200px; height: 100px;"></div> >+<div style="margin-right: -20px; height: 100px;"></div> >+<div style="margin: 200px; height: 100px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/margin-propagation-simple-content-height-expected.txt b/LayoutTests/fast/block/block-only/margin-propagation-simple-content-height-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..282d91ca500a7018273d64e7e54e5c350bd067e7 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-propagation-simple-content-height-expected.txt >@@ -0,0 +1,9 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x60 >+ RenderBlock {HTML} at (0,0) size 800x60 >+ RenderBody {BODY} at (8,20) size 784x20 >+ RenderBlock {DIV} at (0,0) size 784x10 >+ RenderBlock {DIV} at (0,0) size 10x10 >+ RenderBlock {DIV} at (0,10) size 784x10 >+ RenderBlock {DIV} at (0,0) size 10x10 >diff --git a/LayoutTests/fast/block/block-only/margin-propagation-simple-content-height.html b/LayoutTests/fast/block/block-only/margin-propagation-simple-content-height.html >new file mode 100644 >index 0000000000000000000000000000000000000000..da6eb1c7722234830aa11241b2cd072981bf2740 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-propagation-simple-content-height.html >@@ -0,0 +1,7 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="margin-top: 10px;"><div style="width: 10px; height: 10px; margin-top: 20px;"></div></div> >+<div style="margin-bottom: 10px;"><div style="width: 10px; height: 10px; margin-bottom: 20px;"></div></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/margin-sibling-collapse-propagated-expected.txt b/LayoutTests/fast/block/block-only/margin-sibling-collapse-propagated-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..6e8b818b1835f6f53be6b6df31aede4193ce6761 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-sibling-collapse-propagated-expected.txt >@@ -0,0 +1,13 @@ >+layer at (0,0) size 785x826 >+ RenderView at (0,0) size 785x600 >+layer at (0,0) size 785x826 >+ RenderBlock {HTML} at (0,0) size 785x826 >+ RenderBody {BODY} at (8,8) size 769x810 >+ RenderBlock {DIV} at (0,0) size 10x10 >+ RenderBlock {DIV} at (0,0) size 10x10 >+ RenderBlock {DIV} at (0,60) size 200x200 >+ RenderBlock {DIV} at (0,260) size 10x100 >+ RenderBlock {DIV} at (0,0) size 10x10 >+ RenderBlock {DIV} at (0,260) size 200x200 >+ RenderBlock {DIV} at (0,460) size 10x100 >+ RenderBlock {DIV} at (0,610) size 200x200 >diff --git a/LayoutTests/fast/block/block-only/margin-sibling-collapse-propagated.html b/LayoutTests/fast/block/block-only/margin-sibling-collapse-propagated.html >new file mode 100644 >index 0000000000000000000000000000000000000000..a8cfc8b24c8536c602a79da8f7fa694ee00cad66 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-sibling-collapse-propagated.html >@@ -0,0 +1,18 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="width: 10px; height: auto;"> >+ <div style="margin-bottom: 150px; width: 10px; height: 10px;"></div> >+</div> >+<div style="margin-top: -100px; width: 200px; height: 200px;"></div> >+ >+<div style="width: 10px; height: 100px;"> >+ <div style="margin-bottom: 150px; width: 10px; height: 10px;"></div> >+</div> >+<div style="margin-top: -100px; width: 200px; height: 200px;"></div> >+ >+<div style="margin-bottom: 150px; width: 10px; height: 100px;"></div> >+<div style="margin-top: -100px; width: 200px; height: 200px;"></div> >+ >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/margin-simple-expected.txt b/LayoutTests/fast/block/block-only/margin-simple-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..4ccccedceb5f22e8169008a5f36d97b5cee2089f >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-simple-expected.txt >@@ -0,0 +1,8 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x288 >+ RenderBlock {HTML} at (0,0) size 800x288 >+ RenderBody {BODY} at (8,20) size 784x260 >+ RenderBlock {DIV} at (0,0) size 100x100 >+ RenderBlock {DIV} at (0,100) size 60x40 >+ RenderBlock {DIV} at (0,160) size 100x100 >diff --git a/LayoutTests/fast/block/block-only/margin-simple.html b/LayoutTests/fast/block/block-only/margin-simple.html >new file mode 100644 >index 0000000000000000000000000000000000000000..edad30a25bc0ee834fbafd3fba980ae9143e6c7c >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/margin-simple.html >@@ -0,0 +1,8 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="margin-top: 20px; width: 100px; height: 100px;"></div> >+<div style="margin-bottom: 20px; width: 60px; height: 40px;"></div> >+<div style="margin-top: 20px; width: 100px; height: 100px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/negative-margin-simple-expected.txt b/LayoutTests/fast/block/block-only/negative-margin-simple-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..3ae43573b2208c32527a7d1f2935fdc97b6c676b >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/negative-margin-simple-expected.txt >@@ -0,0 +1,12 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x582 >+ RenderBlock {HTML} at (0,0) size 800x582 >+ RenderBody {BODY} at (8,4) size 784x580 >+ RenderBlock {DIV} at (0,0) size 200x200 >+ RenderBlock {DIV} at (-4,0) size 20x30 >+ RenderBlock {DIV} at (-10,190) size 200x200 >+ RenderBlock {DIV} at (-4,0) size 20x30 >+ RenderBlock {DIV} at (-10,380) size 200x200 >+ RenderBlock {DIV} at (-4,0) size 20x30 >+ RenderBlock {DIV} at (1,1) size 20x30 >diff --git a/LayoutTests/fast/block/block-only/negative-margin-simple.html b/LayoutTests/fast/block/block-only/negative-margin-simple.html >new file mode 100644 >index 0000000000000000000000000000000000000000..01c75445a797f88976922554093f716faa4805ab >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/negative-margin-simple.html >@@ -0,0 +1,16 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="width: 200px; height: 200px;"> >+ <div style="margin: -4px; padding: 5px; width: 10px; height: 20px;"></div> >+</div> >+<div style="margin: -10px; width: 200px; height: 200px;"> >+ <div style="margin: -4px; padding: 5px; width: 10px; height: 20px;"></div> >+</div> >+<div style="margin: -10px; width: 200px; height: 200px;"> >+ <div style="margin: -4px; padding: 5px; width: 10px; height: 20px;"> >+ <div style="margin: -4px; padding: 5px; width: 10px; height: 20px;"></div> >+ </div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/padding-nested-expected.txt b/LayoutTests/fast/block/block-only/padding-nested-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..8df2e9692a07003fa71480e531aeae8361d935a0 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/padding-nested-expected.txt >@@ -0,0 +1,7 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x156 >+ RenderBlock {HTML} at (0,0) size 800x156 >+ RenderBody {BODY} at (8,8) size 784x140 >+ RenderBlock {DIV} at (0,0) size 140x140 >+ RenderBlock {DIV} at (20,20) size 40x40 >diff --git a/LayoutTests/fast/block/block-only/padding-nested.html b/LayoutTests/fast/block/block-only/padding-nested.html >new file mode 100644 >index 0000000000000000000000000000000000000000..9ba89d7decd2a8e28e8b3714a079180ebff7990d >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/padding-nested.html >@@ -0,0 +1,8 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="padding: 20px; width: 100px; height: 100px;"> >+ <div style="padding: 10px; width: 20px; height: 20px;"></div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/padding-simple-expected.txt b/LayoutTests/fast/block/block-only/padding-simple-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..f1b502af556933708244d3468fbb5d98f6376cca >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/padding-simple-expected.txt >@@ -0,0 +1,7 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x156 >+ RenderBlock {HTML} at (0,0) size 800x156 >+ RenderBody {BODY} at (8,8) size 784x140 >+ RenderBlock {DIV} at (0,0) size 140x140 >+ RenderBlock {DIV} at (20,20) size 20x20 >diff --git a/LayoutTests/fast/block/block-only/padding-simple.html b/LayoutTests/fast/block/block-only/padding-simple.html >new file mode 100644 >index 0000000000000000000000000000000000000000..f10b145a6ea432b62e071cb52252a3abe31ca6d4 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/padding-simple.html >@@ -0,0 +1,8 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="padding: 20px; width: 100px; height: 100px;"> >+ <div style="width: 20px; height: 20px;"></div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/relative-auto-expected.txt b/LayoutTests/fast/block/block-only/relative-auto-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..06a1a01bab592235b2248050c0364d921d0c2c9d >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/relative-auto-expected.txt >@@ -0,0 +1,7 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x56 >+ RenderBlock {HTML} at (0,0) size 800x56 >+ RenderBody {BODY} at (8,8) size 784x40 >+layer at (8,8) size 30x40 >+ RenderBlock (relative positioned) {DIV} at (0,0) size 30x40 >diff --git a/LayoutTests/fast/block/block-only/relative-auto-with-parent-offset-expected.txt b/LayoutTests/fast/block/block-only/relative-auto-with-parent-offset-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..3091a5e924529e009d59e6e42359da9474030366 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/relative-auto-with-parent-offset-expected.txt >@@ -0,0 +1,9 @@ >+layer at (0,0) size 802x585 >+ RenderView at (0,0) size 800x585 >+layer at (0,0) size 800x56 >+ RenderBlock {HTML} at (0,0) size 800x56 >+ RenderBody {BODY} at (8,8) size 784x40 >+layer at (18,8) size 784x40 >+ RenderBlock (relative positioned) {DIV} at (0,0) size 784x40 >+layer at (18,8) size 30x40 >+ RenderBlock (relative positioned) {DIV} at (0,0) size 30x40 >diff --git a/LayoutTests/fast/block/block-only/relative-auto-with-parent-offset.html b/LayoutTests/fast/block/block-only/relative-auto-with-parent-offset.html >new file mode 100644 >index 0000000000000000000000000000000000000000..61c9c948b6a14c412074e9449be588980a393fc1 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/relative-auto-with-parent-offset.html >@@ -0,0 +1,8 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="position: relative; left: 10px"> >+ <div style="position: relative; left: auto; top: auto; width: 30px; height: 40px;"></div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/relative-auto.html b/LayoutTests/fast/block/block-only/relative-auto.html >new file mode 100644 >index 0000000000000000000000000000000000000000..00e15d72be9d5ed23faf696dfc9502456a7abcdb >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/relative-auto.html >@@ -0,0 +1,6 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="position: relative; left: auto; top: auto; width: 30px; height: 40px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/relative-bottom-expected.txt b/LayoutTests/fast/block/block-only/relative-bottom-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..7536dda7580c48592390342a32c321e07c4a0bc4 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/relative-bottom-expected.txt >@@ -0,0 +1,11 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x146 >+ RenderBlock {HTML} at (0,0) size 800x146 >+ RenderBody {BODY} at (8,8) size 784x130 >+layer at (8,0) size 30x20 >+ RenderBlock (relative positioned) {DIV} at (0,0) size 30x20 >+layer at (8,38) size 30x40 >+ RenderBlock (relative positioned) {DIV} at (0,20) size 30x40 >+layer at (8,40) size 30x70 >+ RenderBlock (relative positioned) {DIV} at (0,60) size 30x70 >diff --git a/LayoutTests/fast/block/block-only/relative-bottom.html b/LayoutTests/fast/block/block-only/relative-bottom.html >new file mode 100644 >index 0000000000000000000000000000000000000000..71914dc420d8c26e5c681bb0bee4940a82cac171 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/relative-bottom.html >@@ -0,0 +1,8 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="position: relative; top: auto; bottom: 8px; width: 30px; height: 20px;"></div> >+<div style="position: relative; top: 10px; bottom: 18px; width: 30px; height: 40px;"></div> >+<div style="position: relative; bottom: 28px; width: 30px; height: 70px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/relative-position-when-containing-block-is-not-in-the-formatting-context-expected.txt b/LayoutTests/fast/block/block-only/relative-position-when-containing-block-is-not-in-the-formatting-context-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..27f13e54ed1911f29ac36159392e36839db701be >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/relative-position-when-containing-block-is-not-in-the-formatting-context-expected.txt >@@ -0,0 +1,11 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x158 >+ RenderBlock {HTML} at (0,0) size 800x158 >+ RenderBody {BODY} at (8,8) size 784x142 >+layer at (108,108) size 142x142 >+ RenderBlock (relative positioned) {DIV} at (0,0) size 142x142 [border: (1px solid #008000)] >+layer at (129,129) size 52x52 clip at (130,130) size 50x50 >+ RenderBlock {DIV} at (21,21) size 52x52 [border: (1px solid #FF0000)] >+layer at (125,125) size 12x12 backgroundClip at (130,130) size 50x50 clip at (130,130) size 50x50 >+ RenderBlock (relative positioned) {DIV} at (1,1) size 12x12 [border: (1px solid #0000FF)] >diff --git a/LayoutTests/fast/block/block-only/relative-position-when-containing-block-is-not-in-the-formatting-context.html b/LayoutTests/fast/block/block-only/relative-position-when-containing-block-is-not-in-the-formatting-context.html >new file mode 100644 >index 0000000000000000000000000000000000000000..4c6e18135bdb7fe5fd284a10af5aa77b4af3bc72 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/relative-position-when-containing-block-is-not-in-the-formatting-context.html >@@ -0,0 +1,10 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="border: 1px solid green; position: relative; top: 100px; left: 100px; width: 100px; height: 100px; padding: 20px;"> >+ <div style="overflow: hidden; border: 1px solid red; width: 50px; height: 50px"> >+ <div style="position: relative; left: -5px; top: -5px; width: 10px; height: 10px; border: 1px solid blue"></div> >+ </div> >+</div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/relative-right-expected.txt b/LayoutTests/fast/block/block-only/relative-right-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..58e5e4c0a42fc9c2c2da01aa1a570b75677be965 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/relative-right-expected.txt >@@ -0,0 +1,7 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x86 >+ RenderBlock {HTML} at (0,0) size 800x86 >+ RenderBody {BODY} at (8,8) size 784x70 >+layer at (0,8) size 30x70 >+ RenderBlock (relative positioned) {DIV} at (0,0) size 30x70 >diff --git a/LayoutTests/fast/block/block-only/relative-right.html b/LayoutTests/fast/block/block-only/relative-right.html >new file mode 100644 >index 0000000000000000000000000000000000000000..02e4a7e7bc81647a4e9c1bb831ec30259323d1b6 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/relative-right.html >@@ -0,0 +1,6 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="position: relative; left: auto; right: 8px; width: 30px; height: 70px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/relative-siblings-expected.txt b/LayoutTests/fast/block/block-only/relative-siblings-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..6a8dd53997aa3efde9938e17af1b6209b1472507 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/relative-siblings-expected.txt >@@ -0,0 +1,14 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x226 >+ RenderBlock {HTML} at (0,0) size 800x226 >+ RenderBody {BODY} at (8,8) size 784x210 >+ RenderBlock {DIV} at (0,120) size 130x40 >+layer at (0,8) size 30x70 >+ RenderBlock (relative positioned) {DIV} at (0,0) size 30x70 >+layer at (0,178) size 30x20 >+ RenderBlock (relative positioned) {DIV} at (0,70) size 30x20 >+layer at (16,98) size 30x30 >+ RenderBlock (relative positioned) {DIV} at (0,90) size 30x30 >+layer at (16,188) size 30x50 >+ RenderBlock (relative positioned) {DIV} at (0,160) size 30x50 >diff --git a/LayoutTests/fast/block/block-only/relative-siblings.html b/LayoutTests/fast/block/block-only/relative-siblings.html >new file mode 100644 >index 0000000000000000000000000000000000000000..dd84e205ade757dd6f3a529292d49d4e309ea65f >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/relative-siblings.html >@@ -0,0 +1,10 @@ >+<!DOCTYPE html> >+<html> >+<body> >+<div style="position: relative; right: 8px; width: 30px; height: 70px;"></div> >+<div style="position: relative; right: 8px; top: 100px; width: 30px; height: 20px;"></div> >+<div style="position: relative; left: 8px; width: 30px; height: 30px;"></div> >+<div style="width: 130px; height: 40px;"></div> >+<div style="position: relative; left: 8px; top: 20px; width: 30px; height: 50px;"></div> >+</body> >+</html> >diff --git a/LayoutTests/fast/block/block-only/relative-simple-expected.txt b/LayoutTests/fast/block/block-only/relative-simple-expected.txt >new file mode 100644 >index 0000000000000000000000000000000000000000..f3d6c02126058a31f2adbe16378c8b4affdb8a49 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/relative-simple-expected.txt >@@ -0,0 +1,7 @@ >+layer at (0,0) size 800x600 >+ RenderView at (0,0) size 800x600 >+layer at (0,0) size 800x116 >+ RenderBlock {HTML} at (0,0) size 800x116 >+ RenderBody {BODY} at (8,8) size 784x100 >+layer at (8,8) size 100x100 >+ RenderBlock (relative positioned) {DIV} at (0,0) size 100x100 >diff --git a/LayoutTests/fast/block/block-only/relative-simple.html b/LayoutTests/fast/block/block-only/relative-simple.html >new file mode 100644 >index 0000000000000000000000000000000000000000..0f1b39d7685dbf2ccc55a1ba6f90322ac9eb3932 >--- /dev/null >+++ b/LayoutTests/fast/block/block-only/relative-simple.html >@@ -0,0 +1,4 @@ >+<!DOCTYPE html> >+<html> >+<body><div style="position: relative; width: 100px; height: 100px;"></div></body> >+</html> >\ No newline at end of file
You cannot view the attachment while viewing its details because your browser does not support IFRAMEs.
View the attachment on a separate page
.
View Attachment As Diff
View Attachment As Raw
Actions:
View
|
Formatted Diff
|
Diff
Attachments on
bug 187162
: 343872