120003 2013-08-19 01:56:47 -0700 Spec change: margins/paddings inside a flex container are relative to their respective dimension, not always the inline dimension (as in block layout) 2013-08-22 16:03:16 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Unspecified Unspecified RESOLVED DUPLICATE 113519 http://jsfiddle.net/m_gol/uVVFn/7/ P2 Normal --- 0 m.goleb+bugzilla webkit-unassigned cbiesinger simon.fraser oldest_to_newest 918579 0 m.goleb+bugzilla 2013-08-19 01:56:47 -0700 According to the spec change from March 2013: http://lists.w3.org/Archives/Public/www-style/2013Mar/0688.html margins/paddings inside a flex container should be relative to their respective dimensions, e.g. padding-top: 50% sets padding to 50% of height, not width as it is in block layout. So far only Firefox has implemented the change which makes it impossible to use percentages for paddings in flex containers on the web. :( Related Chromium ticket: https://code.google.com/p/chromium/issues/detail?id=275327 918582 1 m.goleb+bugzilla 2013-08-19 02:03:11 -0700 Related spec fragment: http://dev.w3.org/csswg/css-flexbox/#item-margins 918585 2 m.goleb+bugzilla 2013-08-19 02:10:25 -0700 Related Internet Explorer ticket: https://connect.microsoft.com/IE/feedback/details/797724 920001 3 cbiesinger 2013-08-22 16:03:16 -0700 *** This bug has been marked as a duplicate of bug 113519 ***