Front End/CSS

CSS) width나 height를 나머지로 채우기 (반응형)

DevPing9_ 2021. 8. 31. 13:34

# width, height 사이즈를 유동적으로 관리하기

  • 종종 css 작업을 하다보면 특정구간은 값을 주고, 빈 공간은 그 값의 나머지로 채우고 싶을때가 있다.
  • 이런 작업은 flex-grow로 하면된다.

# HTML template

<body>
    <div id="wrap">
        <div id="div1">div1</div>
        <div id="div2">div2</div>
        <div id="div3">div3</div>
    </div>
</body>

 

# CSS style

 

 

 

 

728x90