잠시만 기다려 주세요


 
HOME   |  여기는?   |  바다물때표   |  여러가지 팁 (779)  |  추천 및 재미 (53)  |  자료실 (18)  |  끄적거림 (455)  |  시나리오 (757)  |  드라마 대본 (248)  |  

2019년 07월 16일
꼭 희망이란 건 다 잃고 나서 다가온다는 사실이 슬프구나. 하지만 가능이란 두 글자를 남겨둔 것 만으로 어딘가 싶다. - 바다아이
 

    html/css/xml

html/css/xml - div scroll 스크롤 달기, 레이어에 스크롤 만들기.
이 름 : 바다아이   |   조회수 : 3086         짧은 주소 : https://www.bada-ie.com/su/?641523143800
overflow 속성


visible : 영역 벗어난 부분을 짜르지 않고 눈에 보이게 함 (기본값)
 
hidden : 영역 벗어난 부분을 숨겨서 눈에 안 보이게 함.
 
scroll : 영역 밖에선 안 보이되, 스크롤 생성해 스크롤 내릴 경우 보이게 함. (넘어가든 안 넘어가든 무조건 스크롤 생성)
         
auto : 영역 벗어난 부분 존재 시, 자동으로 스크롤 생기게 만듦. (넘어간 경우에만 스크롤 생성)
  
inherit : 부모 요소 속성을 상속


예제)


<div style="width:714px; overflow:auto;">
</div>

스크롤이 생겨 있는 상태로 보인다.
<div style="width:714px; overflow-x:scroll;">
</div>

자동으로 스크롤이 생기면서 길이가 길지 않는데도 세로 스크롤이 생기는 현상을 padding을 주고, 
overflow-y:hidden으로 세로스크롤을 강제로 보이지 않도록 하면 해결된다.
<div style="overflow:auto; overflow-y:hidden; width:714px; height:auto; padding:0 0 17px 0;">
| |


      1 page / 2 page
번 호 카테고리 제 목 이름 조회수
42 html/css/xml html tab , .... 바다아이 540
41 html/css/xml css on/off , toggle switch , 바다아이 597
40 html/css/xml pt, px, em, %, font 바다아이 677
39 html/css/xml (font face) 바다아이 947
38 html/css/xml .... 바다아이 1030
37 html/css/xml html MIME ... 바다아이 1033
36 html/css/xml ckeditor ajax .... 바다아이 1065
35 html/css/xml [] , 바다아이 1161
34 html/css/xml , , , ico 바다아이 1109
33 html/css/xml input , autocomplete 바다아이 1112
32 html/css/xml [CSS] , border-radius, 바다아이 1444
31 html/css/xml ckeditor 4 ... 바다아이 1745
30 html/css/xml HTTP/2 ? 바다아이 1549
29 html/css/xml HTTP/2 ? 바다아이 1499
28 html/css/xml xml .... sitemap.xml 바다아이 1562
27 html/css/xml ckeditor config.js .... 바다아이 1826
26 html/css/xml 바다아이 1854
25 html/css/xml 바다아이 1673
24 html/css/xml , border 바다아이 1762
23 html/css/xml , 바다아이 1709
22 html/css/xml (= HTML ), entity code 바다아이 2264
21 html/css/xml (Won;) (;Backslash; ) , , 바다아이 1943
20 html/css/xml 바다아이 1711
19 html/css/xml / / 바다아이 1965
18 html/css/xml css3 ... demo . ^^; 바다아이 1674
17 html/css/xml mouse over , Hover Fade Effect using CSS 바다아이 2531
16 html/css/xml [html] TD TR , mouse over 바다아이 1913
15 html/css/xml , (marquee) 바다아이 2020
14 html/css/xml scroll , 바다아이 1926
13 html/css/xml ckeditor , , 바다아이 2846
| |






Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ FreeBSD + GoLang + PostgreSQL ]
서버위치 : New Jersey  실행시간 : 0.03159
to webmaster... gogo sea. gogo sea.