問題:
解決する:
margin-left:-mpx;(mはボーダーのサイズを表します)を最初のボックスと2番目のボックスの両方に追加して、2つのボーダーが重なるようにし、太字に見えないようにします。
質問:
最初のボックスはmpxを左に移動し、2番目のボックスもmpxを左に移動します。2つのボックスの相対位置は変更されていません。
説明:
ブラウザがレンダリングしているとき、ボックス1が最初に実行され、ボックス2はボックス1が完全に実行された後に実行されます。ボックス2がフローティングの場合、ボックス2の左フローティングへの参照は、実際にはmpxによって左に移動したボックスです。 1なので、ボックス2は移動したボックス1と位置合わせされ、次にmpxを左に移動すると、左がボックス1の右の境界線と重なります。
2番目の質問:
この問題は、マウスが4つの境界線を介して色を変更する必要がある場合に発生します。
右側のボックスは4つの境界線すべての色を変更できますが、左側のボックスは右側の境界線が押されているため色を変更できません。これは、マウスが通過するボックスの相対位置(位置:相対)を設定するためです。マウスが通過するボックスのz-indexを1に設定できます。