div 2개 가로 배치

1 개요

div 가로 2개 배치

3 전체 + 오른쪽

<style>
.parent {
  background: red;
  display: flex;
  flex-direction: row;
}

.child1 {
  background: silver;
  flex: auto;
}

.child2 {
  background: skyblue;
  width: 5rem;
}
</style>

<div class='parent'>
  <div class='children child1'>
    Hello
  </div>
  <div class='children child2'>
    World
  </div>
</div>

4 같이 보기

• div 가로 배치