[Webkit-unassigned] [Bug 8234] Small gap appears under div with min-height when it contains a "hr" tag

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Jun 26 05:18:57 PDT 2008


------- Comment #4 from phiw at l-c-n.com  2008-06-26 05:18 PDT -------
The issue at hand is not limited to <hr> (which e.g. in Gecko also has 
margins). It is visible for any block level element.

The key is the use of min-/max-height on the parent element.
In that case, see CSS 2.1:8.3.1 Collapsing margins
The bottom margin of an in-flow block-level element with a 'height' of 'auto'
and 'min-height' less than the element's used height and 'max-height' greater
than the element's used height is adjoining to its last in-flow block-level
child's bottom margin if the element has no bottom padding or border. 

Here are some more tests illustrating the issue (in 'modern' browsers)

What IE 6/7 does is something different, as (height) min- and max height
trigger the dreaded 'hasLayout' hell (in this case, the top/bottom margin of
the descendant is swallowed into nothingness).

Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug, or are watching the assignee.

More information about the webkit-unassigned mailing list