Контейнер не растет с содержимым (плагин kwicks)

У меня есть проблема в нижней части http://xweasel.chris-cole.de/v3/index.php с контейнером, который не полностью увеличивается в высоту с его содержимым.

Причиной, по-видимому, является список, отформатированный плагином с именем kwicks.
Кажется, что список является плавающим, а плавающий не очищен, или как будто список позиционируется как абсолютный, но он относительный.

<div class="full-wrapper">
  <div class="inner-wrapper" style="background: #0f0;">

    <section>
      <div class="message numbers">
        <h2>xWeasel in numbers</h2>
      </div>

      <ul class='kwicks kwicks-horizontal kwicks-processed'>
        <li>
        </li>...    
      </ul>
    </section>

  </div>
</div>

.inner-wrapper растет с .message.numbers но не с .kwicks,

.kwicks{
  display:block;
  list-style-type:none;
  list-style:none;
  position:relative;
  margin:0;
  padding:0
}
.kwicks>*{
  display:block;
  overflow:hidden;
  padding:0;
  margin:0
}
.kwicks.kwicks-processed>*{
  margin:0;
  position:absolute
}
.kwicks-horizontal>*{
  float:left
}
.kwicks-horizontal>:first-child{
  margin-left:0
}
.kwicks-vertical>:first-child{
  margin-top:0
}

1 ответ

Это ul элемент, который не "растет" с его содержанием.

Попробуйте установить height на это... как 100px.
;)

Другие вопросы по тегам