๋จ๋ ์ ์์์ fixed ์์ฑ์ด ์ ์ฉ๋ ๊ฒฝ์ฐ ํ๋ฉด viewport ์ข์ธก์๋จ ๊ธฐ์ค์ผ๋ก ์์น๊ฐ ๊ฒฐ์ ๋๋ฉฐ ์คํฌ๋กค์ ํจ๊ป ์ด๋๋๋ค.
๋จ๋ ์ ์์์ fixed ์์ฑ์ด ์ ์ฉ๋ ๊ฒฝ์ฐ ํ๋ฉดviewport ์ข์ธก์๋จ ๊ธฐ์ค์ผ๋ก ์์น๊ฐ ๊ฒฐ์ ๋๋ฉฐ ์คํฌ๋กค์ ํจ๊ป ์ด๋๋๋ค.
๋จ๋ ์ ์์์ relative ์์ฑ์ด ์ ์ฉ๋ ๊ฒฝ์ฐ ํ๋ฉดviewport ์ข์ธก์๋จ ๊ธฐ์ค์ผ๋ก ์์น๊ฐ ๊ฒฐ์ ๋๋ฉฐ ์คํฌ๋กค์ ํจ๊ป ์ด๋๋๋ค.
๋จ๋ ์ ์์์ absolute ์์ฑ์ด ์ ์ฉ๋ ๊ฒฝ์ฐ ํ๋ฉดviewport๋ฅผ ๊ธฐ์ค์ผ๋ก ์์น๊ฐ ๊ฒฐ์ ๋๋ฉฐ ์คํฌ๋กค์ ํจ๊ป ์ด๋๋๋ค.
๋จ์ผ ์ปจํ ์ด๋์๊ฒ๋ ์ ์ฉ์ด ๊ฐ๋ฅํ๋ค
table-cell
vertical-align: baseline; vertical-align: top; vertical-align: middle; vertical-align: bottom;
visibility:visible (๊ธฐ๋ณธ๊ฐ) visibility: hidden
inline-blockํ์ ์ ์ด์ฉํ์ฌ ul tag์ ์ถ๋ ฅํํ๋ฅผ ๋ณ๊ฒฝํ๋ค.
display:none; display:block; display:inline; display:inline-block;
No-Library (pure JS), HTML, CSS, JavaScript
ํผ-> ๋ ์ด๋ธ&ํ๋ ์ฌ์ฉ์๋ก๋ถํฐ ์ ๋ ฅ์ ๋ฐ๊ธฐ ์ํ ๋ํ์ ์ธ ํผ์ปดํธ๋กค๋ฌ์ด๋ค. ์๋์ ์์ฑ์ inputํ๊ทธ์ ๋ํ์ ์ธ ์์ฑ๋ค์ด๋ค.