jquery - 容器不随(kwicks 插件)内容增长

标签 jquery html css kwicks

我在 http://xweasel.chris-cole.de/v3/index.php 的底部遇到问题容器的高度不会随着内容物的增加而完全增长。

原因似乎是一个列表,由一个名为 kwicks 的插件格式化。
看起来好像列表是 float 的, float 没有被清除,或者好像列表是绝对定位的,但它是相对的。

<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
}

最佳答案

这是 ul 元素,它不会随其内容“增长”。

试着给它设置一个高度...比如100px。
;)

关于jquery - 容器不随(kwicks 插件)内容增长,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44991287/

相关文章:

javascript - 如何使用 noUiSlider 加载处理 2 个值之间的输入和输出的多个 slider ?

jquery - 如何使用 Selenium IDE 测试 jQuery UI slider 小部件?

javascript - PHP/JavaScript 不读取文本文件

javascript - 是否可以从 javascript if 语句中将变量传递/比较到 SQL 数据库?

javascript - 如何在没有 # 符号的情况下获取 attr id

javascript - 使用 jQuery 注册点击事件 - 不触发

html - 为什么 XPath 选择上下文 Node 之外的 Node ?

javascript - 如何获得与 CSS 媒体查询检查相同的宽度

javascript - 用 x% 宽的颜色填充表格单元格

html - 如何在div中垂直居中链接?