๐ŸŒท๐ŸŒผ๋ชจ์—ฌ๋ด์š” ๊ฐœ๋ฐœ์˜์ˆฒ๐ŸŒท๐ŸŒผ

css div ๊ฝ‰ ์ฑ„์šฐ๊ธฐ ๋ณธ๋ฌธ

๊ฐœ๋ฐœ/Front-end

css div ๊ฝ‰ ์ฑ„์šฐ๊ธฐ

์š”์ผ์ด 2021. 5. 4. 14:39
๋ฐ˜์‘ํ˜•

1. ๋ฌธ์ œ

div ๊ฐ„์˜ ํ‹ˆ์ƒˆ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค.

 

- css์˜ width ๋ถ€๋ถ„์„ ์•„๋ฌด๋ฆฌ 100%๋กœ ์„ค์ • ํ•ด๋ดค์ž ์ž๊พธ div๊ฐ„์— ํ‹ˆ์ƒˆ๊ฐ€ ์ƒ๊ฒผ๋‹ค.

 

 

 

2. ํ•ด๊ฒฐ

- width๋ถ€๋ถ„์— 100%๋Œ€์‹  100vw๋ฅผ ์‚ฌ์šฉํ•˜์˜€๋”๋‹ˆ ํ•ด๊ฒฐ๋˜์—ˆ๋‹ค.

<div class="content_map" id="content">
	<div id="omsMapLayer" style="position:relative; width:100vw;height:100%;left:0px;top:0px;">
    </div>
</div>

 

3. ๋ฒˆ์™ธ

- height๋Š” 100vh๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ์•ผ ํ•œ๋‹ค.

Comments