div의 그리드를 만드는 가장 좋은 방법은 무엇입니까?

Question

나는 게임하는 온라인 브라우저 게임을위한 친구 목록 스크립트를 만들고 있습니다. 래퍼에 필요한 4 개의 div가 있습니다. 1) 친구 목록, 2) 친구 추가, 3) 친구 요청, 4) 채팅. 처음 두 개를 얻는 방법을 알아 냈지만 나머지는 조언이 필요했습니다.

은 무엇 오른쪽에있는 두 개의 div를 추가하는 가장 좋은 방법이 될 것이다 : 여기에 지금까지 가지고 내가 원하는을 추가 할 무엇입니까? 4 div의 테이블을 만들어야하나요? 두 div에 대한

내 CSS를 모두 같이 보일 :

position: relative; 
    width: 40%; 
    height: 70%; 
    top: 5%; 
    left: 2%; 
    border: 1px solid blue; 

사람이 내가 대단히 감사하겠습니다이 설정을 수행 할 수있는 좋은 방법에 나에게 통찰력을 제공 할 수 있습니다. 여기에 내가 지금까지 가지고있는 기본 개요의 바이올린은 다음과 같습니다. https://jsfiddle.net/kfupd6hb/1/

Answer 1

float : left; CSS의 속성. 나는 ur 우물을 업데이 트했습니다 ... 어떻게 든 여기에 링크를 제공 할 수없는 이유는 코멘트에 링크를 제공합니다.

Answer 2

<div>을 나란히 사용하려면 display:inline-block;을 사용하는 것이 좋습니다.이 속성을 사용하면 실제로 완벽한 그리드를 만들 수 있습니다.