overflow
레이아웃이 담을 수 없을 만큼 큰 텍스트 요소들이 넘치는 현상을
overflow라고 합니다.
overflow:hidden; -넘치는 컨텐츠를 그냥 숨겨버림
overflow:auto; -넘치는 컨텐츠가 있으면 스크롤바 생성
overflow:scroll; -넘치던 안 넘치던 스크롤바 생성
overflow-x,y:scroll; -x축y축 스크롤 바 생성
이 4가지 명령을 수행함으로 overflow를 관리할 수 있습니다.
<style>
* {
margin : 0;
padding : 0;
}
body {
font:12px "굴림", Gulim; margin:10px;
}
#container {
width:200px;
height:100px;
border : 1px solid #ccc;
overflow:auto; <!--자동으로 스크롤 생성-->
}
</style>
...
<body>
<div id="container">
<blockquote>
우리가 확실하다고 여기는 것이 아니라 불명확하다며
지나치는 사소한 것에 내가 누구인지 말해주는
본질적인 요소가 담겨있다.
</blockquote>
<p> -김연수(소설가)</p>
<p>
이 글을 처음 읽게 되었을 때 공감하여 입을
다물지 못했다. 무릎 대신 머리를 치는 것 같은
느낌을 받았다. 그 뒤로 나는 사람들이 발표하는
말이 아닌 일상에서의 사소한 말들에 집중하기
시작했던 것 같다.
</p>
</div>
</body>