jquery - Flexslider 容器不调整大小

标签 jquery html css

我的 flexslider 实例没有调整大小。基本上发生的是画廊将以最大图像的高度启动。如果图像的高度小于最大图像,容器将保持该高度,然后仅在顶部显示图像,底部留出大量空白。我已将其缩小到 .flexslider 容器,但我不确定为什么会这样。

两个例子,请忽略导航,我目前使用的是wordpress单元测试: http://themes.appearlythemes.com/dev/?p=555 http://themes.appearlythemes.com/dev/?p=1707

html 标记是这样的:

<section class="post-media">
    <div class="flexslider">
       <ul class="slides">
       ...
       </ul>
    </div>
</section>

我有一个 wordpress 循环,它在无序列表标签内的列表标签中回显帖子附件链接。

我已经花了几个小时在谷歌上搜索这个问题,并搜索了 StackOverflow,所以非常感谢任何帮助。

最佳答案

我不知道你为什么需要下面的声明,但它适用于它:

.flexslider {
    overflow: hidden;
}

关于jquery - Flexslider 容器不调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22738700/

相关文章:

jquery - 如何只隐藏标签内的文本而不隐藏其他html元素

jquery - 如何使用 Jquery 在 bootstrap 中更改滚动条上的字体颜色?

css - 具有 2 个部分的嵌套网格显示不一致的行大小和重叠元素

javascript - 单击时动态更改列大小

css - 如何让页脚停留在网页底部?

javascript - 在 HTTP/2 上引用或托管 javascript

javascript - 平滑滚动到 ID

javascript - 如何使用 Javascript 在桌面上创建新文件夹?

javascript - 使用 jQuery、Ajax、MySQL 和 Java 进行用户身份验证

javascript - 排序 DOM 元素在移动设备(android 浏览器、chrome、safari)上无法正常工作