jQuery и CSS плавающие проблемы с Демо

Question

У меня проблема с jQuery CSS на боковой панели на следующей странице. Содержащий DIV не расширяется, когда внутреннее содержимое расширяется. Таким образом, мы не можем определить размер DIV для использования в другом сценарии.

На следующей странице вы увидите белую линию внизу боковой панели. Нажмите на опцию в форме в центре, и вы увидите, что содержимое боковой панели расширяется. Однако белый круг не двигается.

http://www.divethegap.com/update/configure/adventure-training?qualification=Beginner&level=1

Я перепробовал все комбинации display:block, overflow:visible и clear:both, которые я могу придумать и не могу заставить их работать.

Есть идеи?

Marvelous

Answer 1

Проблема в том, что #sidebar1 имеет явное значение height.

Если вы уберете эту явную высоту, «белая линия» (граница) появится там, где вы ожидаете.

Он устанавливается с помощью JavaScript - вы должны найти, где в ваших скриптах установлен этот height, и избавиться от него.

В качестве альтернативы можно было бы выполнить грязное исправление:

$('#sidebar1').css('height', '');

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

Таким образом, мы не можем определить размер DIV для использования в другом скрипте.

Answer 2

Проблема в том, что ваш идентификатор div sidebar1 имеет жестко заданную высоту. Белая линия - это нижняя граница этого раздела - ваш контент переполняет блок и остается видимым без расширения его контейнера.

Уберите эту жестко запрограммированную высоту, и все снова будет хорошо в мире. Очень красивый дизайн, кстати.