This is an archived snapshot of W3C's public bugzilla bug tracker, decommissioned in April 2019. Please see the home page for more details.

Bug 20586 - Incorrect Example of 'clear' in 9.8.3 (Floating a box)
Summary: Incorrect Example of 'clear' in 9.8.3 (Floating a box)
Status: NEW
Alias: None
Product: CSS
Classification: Unclassified
Component: CSS Level 2 (show other bugs)
Version: unspecified
Hardware: All All
: P2 normal
Target Milestone: ---
Assignee: Bert Bos
QA Contact: public-css-bugzilla
URL:
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2013-01-07 14:30 UTC by Anton P
Modified: 2013-01-07 14:36 UTC (History)
0 users

See Also:


Attachments

Description Anton P 2013-01-07 14:30:26 UTC
Reported by Philippe Wittenbergh.

The Example in the last two-thirds of 9.8.3 (Floating a box) is incorrect: a #sibling span is inserted and given the style "clear:right", and the diagram and description describes the 'clear' property as having an effect; yet 'clear' only has an effect on block-level boxes.

Conversation begins:
Bug description:
http://lists.w3.org/Archives/Public/www-style/2012Dec/0332.html
Comment 1 Anton P 2013-01-07 14:36:11 UTC
I propose fixing this by removing the #sibling span from the example, and instead wrapping the existing loose "End of body contents." in a span and setting that to "display:block; clear:right".

I think this is a better approach than setting "display:block" on the #sibling span; in either case you end up with block-inside-inline, but with the first approach you don't really notice because the inline doesn't resume after the clearing element and so the complexity doesn't really need pointing out in the example, whereas with the second approach you do notice and it probably does need explaining.


Proposal: http://lists.w3.org/Archives/Public/www-style/2013Jan/0036.html