0

我正在尝试制作一个 div 来调用帖子缩略图,以识别 flexcroll,但它不起作用。它适用于文本,但不是这样:

<div class="post">
<?php query_posts( 'p=77' );
while (have_posts()) : the_post();?>
<div id="contcell" class="flexcroll">
<div id="thumb" ><?php echo get_the_post_thumbnail($post->ID, 'full'); ?></div></div>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
</div>

这些是相关的CSS:

#contcell {width:1116px; height:300px; overflow:auto;}
.thumb {width:1116px; height:768px;}

如果我禁用 flexcroll 类,浏览器默认滚动条将起作用。有任何想法吗?提前谢谢。

4

1 回答 1

0

解决了。这不是在 flexcroll div 中加载什么内容的问题,而是清除其内容的浮动内容。在 flexcroll 用户指南示例中找到它:

<div id='mycustomscroll' class='flexcroll'>

<img src="mypicture.jpg" width="100" height="100" class="floated" />

<img src="mypicture.jpg" width="100" height="100" class="floated" />

<img src="mypicture.jpg" width="100" height="100" class="floated" />

<img src="mypicture.jpg" width="100" height="100" class="floated" />

<!-- we clear our floats using the following div, check out the CSS for it-->

<div class="clearfloat"></div>

</div>

和CSS:

.clearfloat {
clear:both; height:0px;
line-height:0px; visibility: hidden;
}

它都在代码下载文件夹中。不确定我是否可以将直接链接放在这里,但很容易找到它。希望它可以帮助某人。

于 2012-11-09T18:41:34.590 回答