[Webkit-unassigned] [Bug 21653] whole page has incorrect layout
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Mon Oct 24 08:30:16 PDT 2011
https://bugs.webkit.org/show_bug.cgi?id=21653
Tab Atkins <tabatkins at google.com> changed:
What |Removed |Added
----------------------------------------------------------------------------
Status|UNCONFIRMED |RESOLVED
Resolution| |INVALID
CC| |tabatkins at google.com
--- Comment #2 from Tab Atkins <tabatkins at google.com> 2011-10-24 08:30:16 PST ---
The referenced site no longer seems to have a problem, but based on the attached testcase, this is expected behavior.
Here is an inline variant of the testcase (slightly altered for readability only):
<!DOCTYPE html>
<div id=container>
<div id=float>I'm a float!</div>
</div>
<div id=following>I'm the last thing on the page!</div>
<style>
#container { width: 500px; border: thick dotted red; }
#float { float: left; width: 500px; height: 200px; background: silver; }
#following { width: 500px; height: 200px; background: cornflowerblue; display: table; }
</style>
Because #container is not a BFC, it will not contain its float. You can see by its border that it is zero-height. Thus, any following content will go directly below it, *not* below the float unless the 'clear' property is used.
(Depending on exactly how you structure the testcase, it may *look* like the content goes below the float, if the following content is not a BFC and contains text.)
As such, I'm marking this as INVALID, since this is expected behavior.
--
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.
More information about the webkit-unassigned
mailing list