float높이 맞추는방법이요!

조회수 1261회

1번div를 float: left;하고 2번div를 float: right;하면 2번이 바닥에 안붙고 위로 올라가있는데 어떻게 맞추나요? ㅠㅠ

  • (•́ ✖ •̀)
    알 수 없는 사용자
  • div 하나 만들고 1번 div랑 2번 div를 그 안에 넣고 똑같이 해보세요 최진우 2019.5.15 09:17

1 답변

  • 맞추지 마세요. 하고 계신 작업은 아마도 하나의 큰 박스에서 어떤 것은 왼쪽에 어떤 것은 오른쪽에 몰아넣는 작업일 겁니다. 이걸 단지 float로 해결하면서 그 높이까지 맞추려고 하는 것은 좋은 아이디어가 아니라고 생각됩니다.
    예를 들어, 흔히 있는 상황으로, 기껏 float: left;float: right;로 좌우 배치를 맞춰 놨는데 이제 그 사이 가운데에 뭔가를 넣자고 하면... 레이아웃은 산으로 갑니다.

    그냥 이렇게 해보세요. 간단한 아이디어입니다. 제 생각에는 이럴 때 쓰라고 테이블 레이아웃이 있습니다.

    .toolbar {
      display: table-row;
      width: 100%;
    }
    .tools {
      display: table-cell;
      vertical-align: middle;
    }
    .tool {
      display: inline-block;
      padding: 0.5em;
    }
    

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)