Bug 71531 - overflow in inline blocks does not affect y position of block siblings
Summary: overflow in inline blocks does not affect y position of block siblings
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows 7
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2011-11-03 18:10 PDT by Gosha Vasin
Modified: 2013-09-17 13:29 PDT (History)
2 users (show)

See Also:


Attachments
example for bug 71531 (611 bytes, text/html)
2011-11-03 18:13 PDT, Gosha Vasin
no flags Details
Reduction (2.47 KB, text/html)
2013-09-16 12:20 PDT, Robert Hogan
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Gosha Vasin 2011-11-03 18:10:57 PDT
If element is inline-block and pseudo-classes is :hover css property margin-bottom is not work, if value < 0 and element is conteiner for IMG tag.

See example in attachment file.
Sorry me for my bad English.
Comment 1 Gosha Vasin 2011-11-03 18:13:10 PDT
Created attachment 113600 [details]
example for bug 71531
Comment 2 Robert Hogan 2013-09-16 12:20:01 PDT
Created attachment 211816 [details]
Reduction
Comment 3 Robert Hogan 2013-09-17 11:06:03 PDT
WebKit might be correct here. The red img inside the inline-block is overflow as the inline block's neighbours are concerned. Unlike the case where the img is an inline the inline-block has its own height and it's that height the neighbours should respect. There's no reason why they should move below the overflow instead.
Comment 4 Robert Hogan 2013-09-17 13:29:05 PDT
Let me correct a few typos in that comment:

WebKit might be correct here. The red img inside the inline-block is overflow as far as the inline block's neighbours are concerned. Unlike the case where the img is in an inline element the inline-block has its own height and it's that height the neighbours should respect. There's no reason why they should move below the overflow instead.