div스크롤 바를 만드는 방법과 y축으로 설정하는 방법
프로그래밍/CSS2015. 8. 30. 00:00
반응형
div 스크롤을 만드는 방법으론
우선 div 박스를 만든 후 css에 width과 height를 고정을 해야한다.
여기서 가로 스크롤바를 나오게하려면 overflow-x:scroll;
세로 스크롤 바를 나오게 하려면 overflw-y:scrolll;
만약 스크롤바를 안나오게 하려면 overflow-x:hidden; overflow-y: hidden;
을 선언하면 된다
여기서 예를 들어 y축으로 스크롤이 나오게하는 방법은 아래와 같다.
<div style="width:30px:height:30px; overflow-x:hidden; overflw-y:scroll;">
내용
</div>
그럼 이런 박스가 만들어지게 된다 이런 방식으로 원하는 내용을 넣은 스크롤 div 박스를 만들 수 있다 단, 여기서 유의해야 할 점은 반드시 가로값과 세로값을 지정해주어야 한다
반응형
'프로그래밍 > CSS' 카테고리의 다른 글
배경 이미지의 위치를 조정하는 background-position 속성 (0) | 2015.09.01 |
---|---|
웹페이지의 스크롤바를 강제로 없애는 overflow 소스 (0) | 2015.08.31 |
첫 글자 또는 첫 줄에 스타일을 부여하는 :first-letter,:first-line 속성 (0) | 2015.08.29 |
테이블 태그의 td 태그, 테두리 간격을 조절하는 border-spacing (0) | 2015.08.29 |
if IE 명령어의 사용법 (0) | 2015.08.29 |
댓글()