1)
table 대신 overflow:visible 을 쓰면 어떨까..라는 생각에 적용시켜봤습니다.
*참고* table 에서 position:absolute 를 쓰면, 일반적으로는 탈출(?)을 합니다.

...

2)

789
<div style="position:relative; height:10px; overflow:visible; ">
<div style="position:absolute; left:0px; top:0px;">123</div>
</div>
456
<div style="height:30px; overflow:hidden;"></div>
789
<div style="position:relative; height:20px; overflow:visible; ">
<div style="position:absolute; left:0px; top:0px;">123</div>
</div>
456


...

3)

789
123
456
789
123
456


...

4)
결과를 보자면,

div 가 원초적(?)으로 지니고 있는 크기를 일단 확보하네요.
absolute 의 경우에는, 원래 공간을 차지 안하려고(?) 아둥바둥대는 정도구요..

살짝 비틀어서, absolute 이전(?)에 뭔가를 넣는다면
456 과 123 공간차가 생길 가능성이 있긴 합니다만,

.. 그런 오류(?)를 바라는 건 아니구요..

overflow:hidden 을 사용하지 않았기 때문에(?),
다음줄(?)이나 이전줄(?)에 올 문장들과 섞일 가능성은 있습니다.

그런 기능을 바라고 만들어본 것이기도 하지만,
.. 뭐, 그런 정도죠.

...

테스트는 해당 absolute 부분의 기준점에서만의 활동만을 적었으니
나머지는 상상에 맡깁니다.

easyBow killofki@.

Posted by killofki
,