I'm reading through some of the CSS 2.1 spec to get a better grasp on how some things work, and having some trouble parsing the section on block formatting contexts. Maybe someone knowledgeable can help me break this down.
http://www.w3.org/TR/CSS21/visuren.html#block-formatting > Floats, absolutely positioned elements, block containers (such as > inline-blocks, table-cells, and table-captions) that are not block boxes, > and block boxes with 'overflow' other than 'visible' (except when that value > has been propagated to the viewport) > establish new block formatting contexts." Why do "block boxes with 'overflow' other than 'visible'" not create a block formatting context? Do div's, which seem to default to overflow: visible, not create a block formatting context? I'm also confused by what "except when the value has been propagated to the viewport" means. By, "the value" do they mean the value of overflow? I'm not sure what propagating to the viewport means in this context. > In a block formatting context, each box's left outer edge touches the left > edge of the containing block > (for right-to-left formatting, right edges touch). This is true even in the > presence of floats (although a > box's line boxes may shrink due to the floats), unless the box establishes a > new block formatting > context (in which case the box itself may become narrower due to the floats). Can someone give an example of a block in a block formatting context establishing a new block and being made more narrow by a float? I'm having a hard time figuring out exactly what they mean by that. Thanks, Brendan ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
