私はこの投稿が少し古いことを知っていますが、同じ問題があり、数時間修正しようとしました。最後に私は解決策を見つけました:
2つのボックスを絶対配置した場合
<div style='left: 100px; top: 100px; position: absolute; width: 200px; height: 200px;'></div>
<div style='left: 100px; top: 100px; position: absolute; width: 200px; height: 200px;'></div>
画面に1つのボックスが表示されることを期待しています。これを行うには、margin-bottomを-heightに設定する必要があるため、次のようにします。
<div style='left: 100px; top: 100px; position: absolute; width: 200px; height: 200px; margin-bottom: -200px;'></div>
<div style='left: 100px; top: 100px; position: absolute; width: 200px; height: 200px; margin-bottom: -200px;'></div>
私にとってはうまくいきます。