- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Wed, 25 Jan 2012 19:01:58 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-flexbox
In directory hutz:/tmp/cvs-serv23408
Modified Files:
Overview.html Overview.src.html
Log Message:
Make float compute as normal, but have no effect, on flexbox items. Add an example about a floated inline child of a flexbox.
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.html,v
retrieving revision 1.105
retrieving revision 1.106
diff -u -d -r1.105 -r1.106
--- Overview.html 24 Jan 2012 23:46:45 -0000 1.105
+++ Overview.html 25 Jan 2012 19:01:55 -0000 1.106
@@ -29,11 +29,11 @@
<h1 id=head-box-flexible>CSS Flexible Box Layout Module</h1>
- <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 24 January 2012</h2>
+ <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 25 January 2012</h2>
<dl>
<dt>This version:
- <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120124/">http://www.w3.org/TR/2012/ED-css3-flexbox-20120124/</a>-->
+ <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120125/">http://www.w3.org/TR/2012/ED-css3-flexbox-20120125/</a>-->
<dd><a
@@ -493,8 +493,14 @@
class=property>break-after</code>’ are still valid on a flexbox).
<li>‘<code class=property>float</code>’ and ‘<code
- class=property>clear</code>’ compute to their initial values on a
- flexbox item
+ class=property>clear</code>’ have no effect on a flexbox item.
+ Using ‘<code class=property>float</code>’ on an element still
+ causes that element's ‘<code class=property>display</code>’
+ property to compute to ‘<code class=css>block</code>’, as
+ normal, because that occurs before flexbox items are determined (the
+ algorithm for wrapping children of a flexbox into <a
+ href="#flexbox-item"><i>flexbox items</i></a> needs the computed value of
+ ‘<code class=property>display</code>’).
<li>‘<code class=property>vertical-align</code>’ has no effect
on a flexbox item
@@ -567,6 +573,9 @@
<!-- flexbox item: inline-table -->
<div id="item9" style="display:inline-table">table</div>
+
+ <!-- flexbox item: floated inline, which changes to a block -->
+ <span id="item10" style="float: left;">span</span>
</div></pre>
<p>Notice that block element "not-an-item6.3" is not a separate flexbox
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.src.html,v
retrieving revision 1.105
retrieving revision 1.106
diff -u -d -r1.105 -r1.106
--- Overview.src.html 24 Jan 2012 23:46:45 -0000 1.105
+++ Overview.src.html 25 Jan 2012 19:01:55 -0000 1.106
@@ -163,7 +163,7 @@
<ul>
<li>all of the 'column-*' properties in the Multicol module compute to their initial values on a flexbox ('break-before', 'break-inside', and 'break-after' are still valid on a flexbox).</li>
- <li>'float' and 'clear' compute to their initial values on a flexbox item</li>
+ <li>'float' and 'clear' have no effect on a flexbox item. Using 'float' on an element still causes that element's 'display' property to compute to ''block'', as normal, because that occurs before flexbox items are determined (the algorithm for wrapping children of a flexbox into <i>flexbox items</i> needs the computed value of 'display').</li>
<li>'vertical-align' has no effect on a flexbox item</li>
</ul>
@@ -229,6 +229,9 @@
<!-- flexbox item: inline-table -->
<div id="item9" style="display:inline-table">table</div>
+
+ <!-- flexbox item: floated inline, which changes to a block -->
+ <span id="item10" style="float: left;">span</span>
</div></pre>
<p>Notice that block element "not-an-item6.3" is not a separate flexbox item, because it is contained inside an inline element which is being wrapped into an anonymous flex item. Similarly, the block element "not-an-item1.5" is not a flexbox item, because it's absolutely positioned and thus out of flow.</p>
Received on Wednesday, 25 January 2012 19:01:59 UTC