Index: LayoutTests/css3/flexbox/percent-margins-padding.html |
diff --git a/LayoutTests/css3/flexbox/percent-margins-padding.html b/LayoutTests/css3/flexbox/percent-margins-padding.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..a9d6daa301c8b4c4dc4a4677b81e11a4c3ada51f |
--- /dev/null |
+++ b/LayoutTests/css3/flexbox/percent-margins-padding.html |
@@ -0,0 +1,38 @@ |
+<!DOCTYPE html> |
+<html> |
+<link href="resources/flexbox.css" rel="stylesheet"> |
+<style> |
+.flexbox { |
+ background: green; |
+ position: relative; |
+} |
+</style> |
+<script src="../../resources/check-layout.js"></script> |
+<body onload="checkLayout('.flexbox')"> |
+<div class="flexbox" style="height:100px; padding: 10px; border:2px solid red;"> |
+ <div id="flexItem1" data-expected-padding-top="10" data-expected-padding-bottom="10" data-expected-padding-before="10" data-expected-padding-after="10" style="background:yellow; padding:10%;">Pasta batman</div> |
tony
2014/07/14 16:34:38
data-expected-padding-before and data-expected-pad
harpreet.sk
2014/07/15 16:31:00
Removed padding-after and padding-before
|
+</div> |
+ |
+<div class="flexbox" style="height:30%; padding: 10px; border:2px solid red;"> |
+ <div id="flexItem2" data-expected-padding-top="0" data-expected-padding-bottom="0" data-expected-padding-before="0" data-expected-padding-after="0" style="padding:20%; background:yellow">Pasta batman</div> |
+</div> |
+ |
+<div class="flexbox" style="padding: 10px; border:2px solid red;"> |
+ <div id="flexItem3" data-expected-padding-top="0" data-expected-padding-bottom="0" data-expected-padding-before="0" data-expected-padding-after="0" style="padding:30%; background:yellow">Pasta batman</div> |
+</div> |
+ |
+<div style="height:200px; padding: 10px; border:2px solid red;"> |
+<div class="flexbox" style="height:30%"> |
+ <div id="flexItem2" data-expected-padding-top="12" data-expected-padding-bottom="12" data-expected-padding-before="12" data-expected-padding-after="12" style="padding:20%; background:yellow">Pasta batman</div> |
+</div> |
+</div> |
+ |
+<div style="height:200px; padding: 10px; border:2px solid red;"> |
+<div style="height:40%"> |
+<div class="flexbox" style="height:30%"> |
+ <div id="flexItem2" data-expected-padding-top="12" data-expected-padding-bottom="12" data-expected-padding-before="12" data-expected-padding-after="12" style="padding:50%; background:yellow">Pasta batman</div> |
+</div> |
+</div> |
+</div> |
+</body> |
+</html> |