Skip to content

Commit f99a4bd

Browse files
committed
[css-sizing] Remove repudiate-floats and contain-floats, since we have display:flow-root now to do it properly.
1 parent 372e4fc commit f99a4bd

1 file changed

Lines changed: 12 additions & 29 deletions

File tree

css-sizing/Overview.bs

Lines changed: 12 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -262,22 +262,14 @@ New Keywords for 'width' and 'height'</h3>
262262
<dd>
263263
Use the <a>fit-content inline size</a> or <a>fit-content block size</a>,
264264
as appropriate to the writing mode.
265-
266-
<dt><dfn>repudiate-floats</dfn> <span class='issue'>Less stupid name?</span>
267-
<dd>
268-
In the <a>inline axis</a>,
269-
use the larger of the <a>min-content inline size</a>,
270-
and the <a>fill-available inline size</a> minus the size of any non-descendant floats in the same formatting context.
271-
(This is similar to the behavior of a box that establishes a formatting context next to a float.)
272-
In the <a>block axis</a>,
273-
this is identical to ''width/auto''.
274-
275-
<p class='issue'>
276-
Does this value work?
277-
Is it needed?
278-
<a href="http://lists.w3.org/Archives/Public/www-style/2013Feb/0212.html">Feedback from dbaron</a>
279265
</dl>
280266

267+
Note: To size an element such that it avoids overlapping sibling floats,
268+
make sure it's a <a>formatting context</a>.
269+
For some layout modes, such as Grid and Flexbox,
270+
this is true automatically.
271+
For Block layout, this means using ''display: flow-root;''.
272+
281273
<p class="issue">
282274
Right now all of these except ''width/fill'' mean the same thing
283275
for block-sizes. This may or may not be ideal.
@@ -289,27 +281,18 @@ New Keywords for 'width' and 'height'</h3>
289281

290282
<p class='note'>
291283
Note that percentages resolved against the intrinsic sizes
292-
(''width/max-content'', ''width/min-content'', ''width/fit-content'', ''width/repudiate-floats'')
284+
(''width/max-content'', ''width/min-content'', ''width/fit-content'')
293285
will compute to ''width/auto'',
294286
<a href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property">as defined by CSS 2.1</a>. [[!CSS21]]
295287

296288
<h3 id='the-contain-floats-value'>
297289
Containing Floats</h3>
298290

299-
<pre class="propdef partial">
300-
Name: min-width, min-height
301-
New values: contain-floats
302-
</pre>
303-
304-
<dl>
305-
<dt><dfn for="min-width, min-height" value>contain-floats</dfn>
306-
<dd>
307-
Equivalent to ''min-width/min-content''
308-
except that when applied to the block-size of a block box
309-
it forces the inner block-size to be large enough to contain
310-
the margin boxes of any floats that originate inside the block
311-
and that participate in the same block formatting context as the block's immediate contents.
312-
</dl>
291+
Note: To ensure that a container sizes itself to contain any descendant floats,
292+
make sure it's a <a>formatting context</a>.
293+
For some layout modes, such as Grid and Flexbox,
294+
this is true automatically.
295+
For Block layout, this means using ''display: flow-root;''.
313296

314297
<h3 id='column-sizing'>
315298
Column Sizing Keywords</h3>

0 commit comments

Comments
 (0)