안규 공부방

Javascript & JQuery & CSS > overflow - visible, hidden, scroll, auto

등록일 : 2017-07-14 17:29 조회수 : 93,536

HTML 태그 안의 내용이 많아지면 박스도 그에 맞게 늘어납니다.
 
하지만, 박스의 크기를 고정시켰을 때, 내용이 박스의 크기를 벗어날 수가 있습니다. 이 때 어떻게 처리할 것인지를 정하는 속성이 overflow입니다.

속성값은 visible, hidden, scroll, auto 네가지가 있으며 각각의 의미는 다음과 같습니다.

- visible : 박스를 넘어가도 보여줍니다. 기본값입니다.
- hidden : 박스를 넘어간 부분은 보이지 않습니다.
- scroll : 박스를 넘어가든 넘어가지 않든 스크롤바가 나옵니다.
- auto : 박스를 넘어가지 않으면 스크롤바가 나오지 않고, 박스를 넘어갈 때에는 스크롤바가 나옵니다.




 

visible

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec mollis nulla. Phasellus lacinia tempus mauris eu laoreet.

hidden

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec mollis nulla. Phasellus lacinia tempus mauris eu laoreet.

scroll

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec mollis nulla. Phasellus lacinia tempus mauris eu laoreet.

auto

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec mollis nulla. Phasellus lacinia tempus mauris eu laoreet.

 







 
※ 혹시 도움이 되셨다면 댓글에 한마디 남겨주세요!
작성자   비밀번호
자동글 방지     (자동글 방지 기능입니다.)
내용   댓글달기 
이메일 문의 : cak0280@nate.com  
Copyright 2000 By ENTERSOFT.KR All Rights Reserved.