레어어에 대해 - 레이어 overflow 속성.

레이어 overflow .................................................

레이어 속의 내용이 넘칠 경우 사용할 수 있는 옵션으로 

overflow:visible ==> 레이어 크기를 키워서 보여준다 (* 디폴트)

overflow:hidden ==> 레이어 크기만큼만 보여준다

overflow:auto ==> 내용에 따라 자동으로 스크롤을 만든다

overflow:scroll ==> 무조건 스크롤바를 생성한다 

x,y 에 대해 다르게 적용할 경우 overflow-x:hidden;overflow-y:scroll 처럼!

* 특히 미리 내용의 크기를 알 수 없는 경우(디비의 자료를 레이어에 출력하는...) 선택을 해야한다

 

■ overflow:visible(디폴트)

 

<div id="Layer111" style="position：absolute; width:100px; height:50px; z-index:1; border: 1px dotted #ff33ff; visibility: visible;">레이어(Layer)란 

층을 의미한다. 포토샵을 시작한 사람은 레이어의 의미를 잘 알고 있을 것이다. </div> 

레이어(Layer)란 층을 의미한다. 포토샵을 시작한 사람은 레이어의 의미를 잘 알고 있을 것이다.  

■ overflow:hidden

 

<div id="Layer112" style="position：absolute; width:100px; height:50px; z-index:1; border: 1px dotted #ff33ff; visibility: visible; overflow: hidden;">레이어(Layer)란 

층을 의미한다. 포토샵을 시작한 사람은 레이어의 의미를 잘 알고 있을 것이다. </div> 

레이어(Layer)란 층을 의미한다. 포토샵을 시작한 사람은 레이어의 의미를 잘 알고 있을 것이다.  

hidden, visible, auto 를 때에 따라 잘 사용하여야!!! 

----------------------------------------------------------------------

출처: 셀클럽 - http://sellclub.co.kr

다른곳에서 이용할시에는 꼭 출처를 같이 복사이용 바랍니다.