diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-break/block-max-height-004.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-break/block-max-height-004.html | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-break/block-max-height-004.html b/testing/web-platform/tests/css/css-break/block-max-height-004.html new file mode 100644 index 0000000000..4ceb23a80b --- /dev/null +++ b/testing/web-platform/tests/css/css-break/block-max-height-004.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html> + <title>CSS Test: max-height block fragmentation</title> + <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> + <link rel="author" title="Mozilla" href="https://www.mozilla.org/"> + <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id="> + <link rel="help" href="https://drafts.csswg.org/css-break"> + <link rel="match" href="block-max-height-004-ref.html"> + + <style> + .multicol { + height: 30px; + width: 100px; + column-width: 30px; + column-fill: auto; + border: 2px solid orange; + } + .block { + display: block; + background: teal; + border: 5px solid black; + border-top-width: 0; + max-height: 40px; + } + .child { + display: block; + width: 50%; + height: 80px; + } + img.child { background: salmon; } + div.child { background: purple; } + </style> + + <div class="multicol"> + <main class="block"> + <img src="" class="child"><div class="child"></div> + </main> + </div> +</html> |