๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

overflow:hidden1

CSS overflow ์ง€์ •์˜์—ญ ์™ธ ์ฒ˜๋ฆฌ CSS overflow๋Š” ์ง€์ •ํ•œ ํ•ด๋‹น์˜์—ญ ์™ธ์— ๋‚ด์šฉ์ด ๋„ˆ๋ฌด ๊ธธ์–ด์ ธ์„œ ๋ถ€๋ถ„์— ๋งž์ง€ ์•Š์•„ ๊ทธ ํ•ด๋‹น์˜์—ญ์™ธ์— ๋„˜์–ด๊ฐ„ ์š”์†Œ๋“ค์„ ์–ด๋–ป๊ฒŒ ์ฒ˜๋ฆฌํ•  ๊ฒƒ์ธ๊ฐ€์— ๊ด€ํ•œ CSS์ž…๋‹ˆ๋‹ค. ํ”„๋กœ๊ทธ๋žจ์ƒ์—์„œ ์ง€์ •์˜์—ญ์— ๊ธ€์ž์ œํ•œ ์ˆ˜๋ฅผ ์ฃผ๊ธฐ๋„ ํ•˜์ง€๋งŒ ๋””์ž์ธ์ ์œผ๋กœ ๋ณผ๋•Œ ์œ ๋™์ ์ธ ๋””์ž์ธ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์–ด ์‚ฌ์ดํŠธ๋ฅผ ์กฐ๊ธˆ๋” ์˜ค๋ž˜๋ณผ ์ˆ˜ ์žˆ๊ฒŒ๋” ํ•˜๊ฒŒ ํ•ด์ฃผ๋Š” ์š”์†Œ์ด๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. overflow ์†์„ฑvisible - ๊ธฐ๋ณธ๊ฐ’์ด๋ฉฐ ์˜ค๋ฒ„๋œ ์˜์—ญ์ด ์ž˜๋ฆฌ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ์ง€์ •์—ญ์—ญ ๋ฐ–์— ๊ทธ๋Œ€๋กœ ๋‚˜์˜ค๊ฒŒ๋ฉ๋‹ˆ๋‹ค. width:200px; height:50px; overflow:visible; background:#ccc ์œ„์™€๊ฐ™์ด ์ง€์ •์˜์—ญ width-200px, height-50px์— ๋„˜์–ด์„œ ๋ฐ–์œผ๋กœ ๊ทธ๋Œ€๋กœ ๋…ธ์ถœ์ด ๋ฉ๋‹ˆ๋‹ค. hidden - ์˜ค๋ฒ„๋œ ์˜์—ญ์ด ์ž˜๋ฆฌ๊ณ  ๋‚ด์šฉ์ด ๋ณด์—ฌ.. 2017. 8. 9.