float높이 맞추는방법이요!
조회수 1261회
-
(•́ ✖ •̀)
알 수 없는 사용자
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; }
댓글 입력