Как разделить пространство между тремя столбцами с тегом div?

Question

Я создал три столбца, как это:

<div style="float: left">Left Column</div>
<div style="float: left">Middle Column</div>
<div style="float: left">Right Column</div>

Это хорошо работает само по себе. Однако, как только я добавляю его в свой шаблон страницы Wordpress, определяя левый и правый столбец вокруг существующего основного столбца, происходит нечто неожиданное:

http://venuscloud.com/crm-software/

Левый столбец расположен правильно, а средний столбец находится в середине, как и ожидалось, но правый столбец находится внизу. Я не понимаю, почему оставшееся пространство не разделено между тремя столбцами, как ожидалось.

Есть комментарии?

Большое спасибо,

Answer 1

Проблема с вашими делами.Правый и левый div имеют плавающие css.Но у вашего среднего дива нет таких атрибутов.Его держат в середине с полями-атрибутами.Даже передача поплавка в средний div не поможет вам.Потому что тогда вы должны сделать правильные операции.

Один из способов, который вы можете сделать, это изменить порядок деления следующим образом:

<div id="left_column"></div>
<div id="right_column"></div>
<div class=​"col-full"></div>

, а затем добавить float:right к вашему right-column div.

Надеюсь, это поможет вам:) * +1010 *

Answer 2

Я не могу проверить это прямо сейчас, но я предполагаю, что у вас установлены отступы или поля в div, что делает общую ширину> 100% для трех из них вместе взятых.