summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/flexbox/007.html
diff options
context:
space:
mode:
Diffstat (limited to 'third_party/WebKit/LayoutTests/fast/flexbox/007.html')
-rw-r--r--third_party/WebKit/LayoutTests/fast/flexbox/007.html34
1 files changed, 34 insertions, 0 deletions
diff --git a/third_party/WebKit/LayoutTests/fast/flexbox/007.html b/third_party/WebKit/LayoutTests/fast/flexbox/007.html
new file mode 100644
index 0000000..e5533d1
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/flexbox/007.html
@@ -0,0 +1,34 @@
+<html>
+<head>
+<style>
+div.box {
+ display: -moz-box;
+ display: -khtml-box;
+ display: box;
+}
+
+div.float {
+ float: left;
+ width: 92px;
+ height:92px;
+ background-color: green;
+}
+</style>
+</head>
+<body>
+<p>
+You should see a 100x100 green square below enclosed by an olive border. If you see any red, the test has failed. If the border does not fully enclose the green square, then the test has failed.
+</p>
+<p>
+This test is checking to make sure blocks with auto height that are children of boxes will expand to encompass overhanging floats.
+</p>
+<div style="width:100px;height:100px;background-color:red">
+<div class="box" style="border:4px solid olive">
+<div>
+<div class="float">
+</div>
+</div>
+</div>
+</div>
+</body>
+</html>