์ฃผ๋ฌธ๊ฒฐ์ œ > ๊ฒฐ์ œ์˜ˆ์ •๊ธˆ์•ก ํ”Œ๋กœํŒ… ์ฒ˜๋ฆฌ

image.png

ํ”Œ๋กœํŒ… ๋ฐ•์Šค๊ฐ€ ํŠน์ • ์˜์—ญ์— ๋„๋‹ฌ์‹œ CSS ์•„๋ž˜ ์ฒ˜๋Ÿผ ์ฒ˜๋ฆฌํ•  ๊ฒƒ. :

#floatPrice { height: 100% }
.wrap-order div.price-info-conatiner>div {
    position: absolute;
    bottom: 0;
    right: 0;
    /* height: auto; */
    top: auto;
}

๋ถ€๋ชจ ์˜์—ญ height ์žก์•„์ฃผ๊ณ , bottom์€ 0px์œผ๋กœ ๊ณ ์ •.


์ž‘์—…ํ•˜๋‹ค๋ณด๋‹ˆ ์˜ˆ์™ธ์‚ฌํ•ญ์ด ์ƒ๊ฒผ๋‹ค.

fixed๋Š” ๋ถ€๋ชจ์˜์—ญ์ด ๋”ฐ๋กœ ์—†๋‹ค

fixed๋Š” ๋ธŒ๋ผ์šฐ์ €์ฐฝ ์ „์ฒด๋ฅผ ๋ถ€๋ชจ์˜์—ญ์œผ๋กœ ์ธ์‹ํ•œ๋‹ค.
๋”ฐ๋ผ์„œ ํ•ด๋‹น ์—˜๋ฆฌ๋จผํŠธ์˜ ํฌ๊ธฐ๋ฅผ ๊ณ ์ •ํ•ด์ฃผ๊ณ  ์˜์—ญ์„ ๋”ฐ๋กœ ์žก์•„์ค˜์•ผํ•œ๋‹ค.

.el {
 position: fixed;
 width: 1020px;
 left: 50%;
 marin-left: 190px;
 ...
}