Плавающая против абсолютно позиционной головоломки - PullRequest
Новая
       3

Плавающая против абсолютно позиционной головоломки

0 голосов
/ 06 января 2011

Я недавно задал вопрос на SO, спрашивающем, как установить высоту боковой панели, равную контейнеру на этой домашней странице .

По сути, у меня есть две боковые панели, одна из которых содержит аккордеон. Когда вы нажимаете на определенные кнопки (в данном случае на кнопку «Услуги»), гармошка открывается и вызывает увеличение боковой панели. Это то, что я хочу, однако, высота боковых панелей не прилипает к нижней части контейнера.

Чтобы решить эту проблему, я бы обычно располагал боковые панели абсолютно сверху и снизу контейнера. ПРОБЛЕМА, связанная с этим, заключается в том, что при расширении аккордеона (по щелчку) он будет перекрывать нижнюю часть боковой панели.

Мне нужно решение, в котором по мере роста аккордеона будет расти боковая панель. Решение также должно позволять боковым панелям равняться полной высоте контейнера. Чистый CSS или Jquery приветствуются !!

1 Ответ

0 голосов
/ 12 июня 2012

Я обычно обхожу это, устанавливая фоновое изображение на моем основном контейнере контента.См. https://lisaleslie9.com/ для примера боковой панели и области содержимого.

У меня будет контейнерный div, div основного содержимого и aside.

например 

<div class="container">
    <div class="main-content">

    </div>

    <aside>
      // Your accordion here
    </aside>

<div class="clear"></div>

</div><!-- end container -->

.clear {clear:both;}

и иметь фон повторения y в области контейнера, которая включает в себя фоновое изображение для сторон.

Я сделаю четкий div под обоими внутренними div, чтобы увеличить высоту.1012 *

Не уверен насчет вашего макета.Но я подумал, что это может быть то, что вы ищете.

...