Note vertical layout needs height

Polymer · Sep 26, 2014 · 4e79482 · 4e79482
1 parent 9e8d605
commit 4e79482
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/docs/polymer/layout-attrs.md b/docs/polymer/layout-attrs.md
@@ -77,7 +77,7 @@ Children of an element using the `layout` attribute can use `flex` attributes to
 
 The same is true for children of `vertical` elements:
 
-    <div vertical layout>
+    <div vertical layout style="height:250px">
       <div>Alpha</div>
       <div flex>Beta (flex)</div>
       <div>Gamma</div>
@@ -89,6 +89,8 @@ The same is true for children of `vertical` elements:
   <div>Gamma</div>
 </div>
 
+**Note**: for vertical layouts, the container needs to have a height for the children to flex correctly.
+
 Children elements can be told to take up more space by including a "flex ratio" with the `flex` atribute. A flex ratio is specified with a number string: _one_, _two_, _three_, currently up to _twelve_.
 
 For example, to make "Gamma" 2x larger than "Beta" and "Alpha" 3x larger, use `flex two` and `flex three`, respectively: