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