あるべきより1つの少ない画素としてパディングを計算します。クロームはそれが私がこのCSSでページの一部の要素を持っている
padding-top: 15px;
しかし著しく一つの画素をオフされ、Chromeで間違って表示されます。
padding-top: 14px;
同じことが、このCSSでページ上の他の要素のために行く:
padding: 4px;
Chromeはそのとを計算かかり案の定、Chromeの要素インスペクタの計算されたスタイル]セクションで、この要素は次のように計算されますこの:それはその容器の全縦方向のスペースとBOで目立ち、醜いギャップを有する、そのメニューを埋めるメニューの違いだと
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
これは重要ですttom。
私は本当になぜこれが起こっているのか迷っています。これは、Firefox、Opera、Safari、またはInternet Explorerでさえ発生しません。ちょうどクロム。
私たちが見るための実例がありますか?私はこれを再現することができません – Ktash
http://wearethelayabouts.com/ - これは、このページで "特集記事" JavaScriptのスクロールです。右側の5つのリンクは、パディングトップ15pxと14pxで表示する必要があり、その結果、下部に5pxのギャップが生じます。各リンクを説明する画像上のオーバーレイは、左右に2ピクセルのギャップがあります(4ピクセルのパディングではなく、すべてのサイドに3ピクセルのパディングが表示されます)。 – Hinchy
記載されている効果はありません。キャッシュをクリアしてから、ページをリロードしてみてください。 – Ktash