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
456
789
456
...
4)
결과를 보자면,
div 가 원초적(?)으로 지니고 있는 크기를 일단 확보하네요.
absolute 의 경우에는, 원래 공간을 차지 안하려고(?) 아둥바둥대는 정도구요..
살짝 비틀어서, absolute 이전(?)에 뭔가를 넣는다면
456 과 123 공간차가 생길 가능성이 있긴 합니다만,
.. 그런 오류(?)를 바라는 건 아니구요..
overflow:hidden 을 사용하지 않았기 때문에(?),
다음줄(?)이나 이전줄(?)에 올 문장들과 섞일 가능성은 있습니다.
그런 기능을 바라고 만들어본 것이기도 하지만,
.. 뭐, 그런 정도죠.
...
테스트는 해당 absolute 부분의 기준점에서만의 활동만을 적었으니
나머지는 상상에 맡깁니다.
easyBow killofki@.
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
123
...
4)
결과를 보자면,
div 가 원초적(?)으로 지니고 있는 크기를 일단 확보하네요.
absolute 의 경우에는, 원래 공간을 차지 안하려고(?) 아둥바둥대는 정도구요..
살짝 비틀어서, absolute 이전(?)에 뭔가를 넣는다면
456 과 123 공간차가 생길 가능성이 있긴 합니다만,
.. 그런 오류(?)를 바라는 건 아니구요..
overflow:hidden 을 사용하지 않았기 때문에(?),
다음줄(?)이나 이전줄(?)에 올 문장들과 섞일 가능성은 있습니다.
그런 기능을 바라고 만들어본 것이기도 하지만,
.. 뭐, 그런 정도죠.
...
테스트는 해당 absolute 부분의 기준점에서만의 활동만을 적었으니
나머지는 상상에 맡깁니다.
easyBow killofki@.
'image area' 카테고리의 다른 글
zoom & transform-scale] 확대/축소의 법칙을 표준화하고 싶었습니다. (0) | 2012.07.28 |
---|---|
CSS] 0.1% zoom 적용될까.. (transform-scale 제외) (0) | 2012.07.06 |
kTours] ..의 구조를 설명해볼까 합니다.. (0) | 2012.06.18 |
지도 살짝구현] 만우절 RPG 맵의 이미지를 스크랩했습니다.. 1편. (0) | 2012.06.06 |
scrollBar]..의 두께 측정하기.. (0) | 2012.06.03 |