css - CSS:移動した要素によって残されたスペースを取り除く方法は?

Question

右に移動してから上に押し上げた要素があります。完全に並んでいますが、何らかの理由で、以前占有していたスペースが下に残っています。clear、overflow、whitespace、negative-margins、visibility、block などを試しましたが、満足できませんでした。CSS は人間の思考を予期していないようです。

 div.overlay-ad{

     position:relative;
     width:310px;
     height:260px;
     top:-332px;
     left:538px;

 }

Answer 1

div.overlay-ad{
     position:absolute;
     width:310px;
     height:260px;
     top:-332px;
     left:538px;
}

これposition: relativeにより、ブロックがフロー内のスペースを占有します。視覚的なレンダリングが離れた場所に配置されても問題ありません。position: absoluteブロックを一般的なフローの外に移動します。