Лучший способ создать сетку divs?

Я создаю скрипт списка друзей для онлайн-игры в браузере, в которую я играю. У меня есть 4 divs, которые мне нужны в оболочке: 1) Список друзей, 2) Добавить Друг, 3) Запросы друзей, 4) Чат. Я понял, как получить первые два, но мне нужен совет, добавив остальные. Вот то, что я до сих пор, и что я хочу добавить:Лучший способ создать сетку divs?

Что бы быть лучшим способом, чтобы добавить две дивы на правой? Должен ли я сделать какую-то таблицу из 4-х дивизий?

Моего CSS для двух див как выглядеть примерно так:

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

Если кто-то может дать мне понять на правильном пути, чтобы выполнить эту установку я очень ценю это. Вот сценарий основного плана, который у меня до сих пор: https://jsfiddle.net/kfupd6hb/1/

источник

2016-07-18 MarksCode

Я предлагаю бутстрап для проектирования сетки, вы можете сделать демонстрационную сетку в кратчайшие сроки, перейдите на эту страницу http://shoelace.io/ –

Вы можете использовать float: left; атрибут css. Я обновил ур скрипку .. Как-то я не могу создать ссылку здесь, поэтому предоставление ссылки в комментарии.

источник

2016-07-18 05:49:33

https://jsfiddle.net/abhishekpanjabi/kfupd6hb/4/ –

обновленная скрипка снова с большим количеством div, чтобы дать u надлежащий insight.https: //jsfiddle.net/abhishekpanjabi/kfupd6hb/5/ –

Я предлагаю использовать display:inline-block;, чтобы получить бонус-номер <div>, вы можете создать действительно идеальную сетку с этим свойством.

источник

2016-07-18 06:10:06 ScientiaEtVeritas

Лучший способ создать сетку divs?

ответ

Смежные вопросы