【发布时间】: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。 -
天啊,我怎么没想到呢?现在效果很好。非常感谢!