css - CSS の奇妙な動作: 突然境界線が表示される

Question

この画像を見てください:これはこの jsfiddleの拡大されたスクリーンショットです。では、赤いバーの周りの紫色の境界線は何ですか?o_O 見栄えが悪く、さらに実際のアプリケーションでは、さらに奇妙な方法で表示されます: - どこかそれは存在しますが、どこかにありません。

より良い写真:

Answer 1

そこで、ショートカットとしてmath.SEでこの問題を解決しました。幅と高さは両方とも同じパリティ (奇数または偶数) である必要があります(Steven Stadnicki に感謝)。