File tree 1 file changed +19
-1
lines changed
1 file changed +19
-1
lines changed Original file line number Diff line number Diff line change @@ -705,10 +705,28 @@ Stretch-fit Sizing: filling the containing block</h3>
705
705
</pre>
706
706
</div>
707
707
708
+ <div class="example">
709
+ Similarly, ''width: stretch'' causes the box to fill its container,
710
+ being 20px narrower than the width of "some more text"
711
+ (due to the 10px margin):
712
+
713
+ <pre class=html>
714
+ <div class="outer">
715
+ <div class="inner">text</div>
716
+ </div>
717
+ some more text
718
+ </pre>
719
+
720
+ <pre>
721
+ .outer { float: left; margin: 0; }
722
+ .inner { width: stretch; margin: 10px; }
723
+ </pre>
724
+ </div>
725
+
708
726
<div class="example">
709
727
On the other hand,
710
728
in this example the container's height is indefinite,
711
- causing a percentage height on the child to [=behave as auto=] ,
729
+ which would cause a percentage height on the child to [=behave as auto=] ,
712
730
so ''height: stretch'' [=behaves as auto=] as well.
713
731
714
732
<pre>
You can’t perform that action at this time.
0 commit comments