【问题标题】:Container doesn't grow with (kwicks plugin) content容器不会随着(kwicks 插件)内容而增长
【发布时间】:2017-07-08 22:28:01
【问题描述】:

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

【问题讨论】:

  • ul 元素的 height 为零...也许您可以为其设置一个高度...例如 100px。
  • 天啊,我怎么没想到呢?现在效果很好。非常感谢!

标签: jquery html css kwicks


【解决方案1】:

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

尝试在其上设置height...比如 100px。
;)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-13
    • 2012-04-08
    • 1970-01-01
    • 2015-03-04
    • 1970-01-01
    相关资源
    最近更新 更多