@@ -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'>
297289Containing 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'>
315298Column Sizing Keywords</h3>
0 commit comments