правый Div не входит в линию с левым Div

0

Я пытаюсь отображать блоки коэффициентов 70/30 на div, но по какой-то причине они не вступают в строй.

Я даже использовал float:left налево div, но затем правый div выходит из границы HomeClass.

http://jsfiddle.net/gdWM5/3/

Код слишком много, чтобы вставить сюда, поэтому создал скрипку

Теги:

3 ответа

0
Лучший ответ

Смотрите эту обновленную скрипту: http://jsfiddle.net/abhitalks/gdWM5/13/

Вам просто нужно указать float:left и слева, и справа div. Добавьте фиктивный div в контейнер и clear:both на нем очистить поплавки (важно).

Разметка:

<div id="Home" class="HomeClass">
    <div id="Left" class="Width70">
        <!-- contents of left div -->
    </div>
    <div id="Right" class="Width30">
        <!-- contents of right div -->
    </div>
    <div class="clear"></div>
</div>

CSS:

.Width70 {
    float:left;
    ...
}
.Width30 {
    float:left;
    ...
}
.clear { clear: both; }

Надеюсь, это поможет.

0

У вас есть дополнение, которое не учитывается в вашей ширине. Я бы посоветовал изменить вашу ширину до 69% и 29% соответственно и изменить отступ на 1%.

-Редактировать-

Также добавьте float:left; к вашим классам width70 и width30

0

Я не вижу в вашем примере, где вы применили float:left но он должен быть применен к "правильному" объекту, который будет перемещаться влево

Ещё вопросы

Сообщество Overcoder
Наверх
Меню