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