๋ฌธ์ ์ ์ ๐
์ด๋ ํ์ด์ง๋ฅผ ๊ฐ๋, width๊ฐ 900px ์ดํ๊ฐ ๋๋ฉด ์ฐ์ธก ํ๋ฉด์ด ๊นจ์ก๋ค.
๋ฌธ์ ํด๊ฒฐ ์ ๊ทผ ๋ฐฉ์ ๐ต
'์ด๋ ํ์ด์ง๋ฅผ ๊ฐ๋'๋ผ๋ ๋ง์์ layout์ ๊ดํ ์ฝ๋์ ๋ฌธ์ ๊ฐ ์์์ ์ธ์งํ๊ณ , 'width๊ฐ 900px ์ดํ'๋ผ๋ ๋ง์์ ๋๋ฒ๊น ์ ๋์์ ๊ตฌ์ฒดํํ๋ค.
ํ์ง๋ง ๊ธฐ์กด ํ์ผ์์๋ ์ด๋ฏธ ์ฌ๋ฌ ์ฝ๋๊ฐ ์ ๊ธฐ์ ์ผ๋ก ์ํธ์์ฉํ๊ณ ์์๊ธฐ์, ๋๋ฒ๊น ์ด ์ด๋ ค์ธ ๊ฒ์ด๋ผ๊ณ ํ๋จํ๋ค. ๊ทธ๋์ ์ต์ํ์ ๊ธฐ๋ฅ๋ง์ ์ค๋กฏ์ด ๊ฐ์ถ '์ต์ ์ค๋ฅ ๋ชจ๋ธ'์ ๋ง๋ค์๋ค.
์ต์ ์ค๋ฅ ๋ชจ๋ธ ๐ฃ
๊ธฐ์กด ์ค๋ฅ๋ฅผ ๊ทธ๋๋ก ๊ตฌํํ๋ค. layout์ ๊ธฐ๋ฅ์ ํ
์คํธํ ์ ์๋ ๊ฐ์ฅ ์์ ๋จ์์ ํ์ผ์ด๋ค. Footer์์ ๋ฏธ๋์ด ์ฟผ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ ๋ถ๋ถ์ด ๋๊ฐ ๋ด๋ ์์ํ๋ค.
padding์ ๊ดํ ์ฝ๋๋ฅผ ์ญ์ ํ๋ค.
๋ด ํ๋ก์ ํธ ์ ์ฉ ๐ข
๊ทผ๋ฐ ์ ๋ด ํ๋ก์ ํธ์๋ ๋ฐ์์ด ๋์ง ์๋ ๊ฒ์ผ๊น? ์ฝ๋๋ฅผ ๊ฑฐ์ง๊ฐ์ด ์์ฑํ ์ฃ๋ก ๋ด์ผ์ ์ ์ฒด๋ฅผ ๋ค ๊ฐ์์์ด์ผ๊ฒ ๋ค. ๊ฐ์์๊ธฐ ๋จผ์ ์ฑ๊ณตํ๊ณ , ์๊ฐ ๋จ์ผ๋ฉด ๋ฅ๋ค์ด๋ธ ์ฝ๋ ๊ฑธ๋ก! ๋ณตํ ์ ์ต๊ณ ์ ์ ํ์ด ๋๊ธฐ๋ฅผ...