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

footer ํ•˜๋‹จ์— ๊ณ ์ •1

min-height:100% ๋ฅผ ์ด์šฉํ•ด์„œ footer๋ฅผ ํ™”๋ฉด์•„๋ž˜์— ๊ณ ์ •ํ•˜๊ธฐ /* html */headercontainer footer /* css */ html, body{width:100%height:100%}html{width:100%;height:100%}body{width:100%;height:100%} html๊ณผ body์— height:100%๋ฅผ ์ ์šฉ์‹œํ‚ต๋‹ˆ๋‹ค. #header{width:100%;height:50px;position:relative;z-index:20;overflow:hidden;background-color:#fcc} ๋ฐฑ๊ทธ๋ผ์šด๋“œ์ปฌ๋Ÿฌ๋Š” ์ž˜ ๋จนํ˜”๋Š”์ง€ ํ™•์ธ์„ ์œ„ํ•œ๊ฒƒ์ผ๋ฟ์ž…๋‹ˆ๋‹ค.๋†’์ด๊ฐ’์„ ๊ผญ header์— ์ •ํ•ด์ฃผ์–ด์•ผ๋˜๋ฉฐ position์ด ํ•„์ˆ˜๋กœ ์žˆ์–ด์•ผ์ง€ container๊ฐ€ ์˜ฌ๋ผ์™”์„๋•Œ z-index๋ฅผ ์ด์šฉํ•ด์„œ container์œ„์— ์˜ฌ๋ผ์˜ฌ์ˆ˜์žˆ์Šต๋‹ˆ๋‹ค.(z-index์˜ .. 2012. 9. 18.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”