summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/002.html
diff options
context:
space:
mode:
Diffstat (limited to 'third_party/WebKit/LayoutTests/fast/deprecated-flexbox/002.html')
-rw-r--r--third_party/WebKit/LayoutTests/fast/deprecated-flexbox/002.html39
1 files changed, 39 insertions, 0 deletions
diff --git a/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/002.html b/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/002.html
new file mode 100644
index 0000000..200d51e
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/002.html
@@ -0,0 +1,39 @@
+<html>
+<head>
+<style>
+div.crossTop {
+ height: 300px;
+ width: 100px;
+ background-color:green;
+ display: -moz-box;
+ display: -webkit-box;
+ display: box;
+ -moz-box-align: center;
+ -webkit-box-align: center;
+ box-align: center;
+ -moz-box-orient: vertical;
+ -webkit-box-orient: vertical;
+ box-orient: vertical;
+}
+
+div.crossBar {
+ height: 100px;
+ width: 300px;
+ background-color:green;
+ margin-top: 100px;
+ margin-left: -100px;
+}
+</style>
+</head>
+<body>
+You should see a green cross below (300 pixels wide and 300 pixels tall). This is a test to ensure that
+boxes don't obey the overconstraint correction (margin-right/left should not be corrected when a box is
+overconstrained).
+
+<div style="padding:100px">
+<div class="crossTop">
+<div class="crossBar"></div>
+</div>
+</div>
+</body>
+</html>