[CSS] chromeでfloatした要素のwidthが何故か0.016px増える | おれめも v2

【2015/07/22追記】 現時点の最新版(ver 44.0.2403.89)で確認したところ、表題の問題は解消されておりました。 まだこの問題が確認される場合はChromeが最新版になっていない可能性がありますので、一度ご確認ください。 現時点でのchromeの最新版(ver 43.0.2357.81)から起きているようです。 グローバルナビ等で画像をfloatで横並びにした時、 以下の条件が組み合わさると要素のwidthが0.016px増えてしまうようです。 floatした要素にwidthが設定されていないfloatした要素の最後に空白や改行が入っているfloatした要素のfont-sizeが4の倍数pxになっているデモページを用意しましたでの見てもらうのが一番早いかと思います。 ページのソースを確認してもらうと、どういうことかわかるかと…！ 修正方法としましては、floatした要素

[kojika17]

僕も遭遇しました

[tominaga]

まさに先週遭遇したやつだ！

[toaruR]

最近のchromeはこの手の挙動が増えてる気がする。inline-blockで間のマージンが相殺されないとかとか

[suzuki86]

これ遭遇しました

[umai_bow]

中身のimgをdisplay: blockにするとなおる

[Satoh_D]

今日更新した記事です