<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - Fractional-width floated boxes in flexbox, flex-flow: row wrap get laid out one pixel to the right"
href="https://bugs.webkit.org/show_bug.cgi?id=145236#c1">Comment # 1</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - Fractional-width floated boxes in flexbox, flex-flow: row wrap get laid out one pixel to the right"
href="https://bugs.webkit.org/show_bug.cgi?id=145236">bug 145236</a>
from <span class="vcard"><a class="email" href="mailto:dwood@karelia.com" title="Dan Wood <dwood@karelia.com>"> <span class="fn">Dan Wood</span></a>
</span></b>
<pre>Created <span class=""><a href="attachment.cgi?id=253499" name="attach_253499" title="Additional test case added to reduction, showing 3 items with wrong left-right margins">attachment 253499</a> <a href="attachment.cgi?id=253499&action=edit" title="Additional test case added to reduction, showing 3 items with wrong left-right margins">[details]</a></span>
Additional test case added to reduction, showing 3 items with wrong left-right margins
I've added another attachment. It's the same as above, but a similar issue that is probably related. I have 3 boxes side by side, and they should use up the entire width of their containing flexbox div. But they don't - there is an extra pixel on the left AND the right where you can see the background color of the containing div shining through. And, this means that the divs are narrower than if, for example, you and 3 side-by-side divs (floated) at 33.33333% width.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>