각각의 div 가로비율 조정문의드립니다. 채택완료

아래 코드 그대로 실행해보세요.

같은 코드로 두개일때 세개 일때 가변적으로 크기가 변해요. 한개일때도 물론 마찬가지

<style>
    .flexitems { display:flex; flex:1 0 25%; margin:0; padding:0; height:50px;  border:4px solid ; }
</style>
<div style="display:flex; flex-wrap:wrap; padding:10px; border:4px dashed; ">
    <div class="flexitems">여기 영역 1의 1</div>
    <div class="flexitems">여기 영역 1의 2</div>
    <div class="flexitems">여기 영역 1의 3</div>
</div>

<div style="display:flex; flex-wrap:wrap; padding:10px; border:4px dashed; ">
    <div class="flexitems">여기 영역 2의 1</div>
    <div class="flexitems">여기 영역 2의 2</div>
</div>

<div style="display:flex; flex-wrap:wrap; padding:10px; border:4px dashed; ">
    <div class="flexitems">여기 영역 3의 1</div>
</div>