Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery CarouFREDsel过滤器/CSS问题_Jquery_Css_Caroufredsel - Fatal编程技术网

Jquery CarouFREDsel过滤器/CSS问题

Jquery CarouFREDsel过滤器/CSS问题,jquery,css,caroufredsel,Jquery,Css,Caroufredsel,我正在响应式(html5样板)布局中使用carouFREDsel jQuery carousel插件。可见项的大小因此会发生变化 我的HTML如下所示: <div class="portfolio-right"> <div class="portfolio-img-container"> <div class="portfolio-img"><img src="img/purple-ink-likes-1.jpg" /></

我正在响应式(html5样板)布局中使用carouFREDsel jQuery carousel插件。可见项的大小因此会发生变化

我的HTML如下所示:

 <div class="portfolio-right">
  <div class="portfolio-img-container">
     <div class="portfolio-img"><img  src="img/purple-ink-likes-1.jpg" /></div>
     <div class="portfolio-img"><img src="img/purple-ink-likes-1.jpg" /></div>
     <div class="portfolio-img"><img src="img/purple-ink-likes-1.jpg" /></div>
     <div style="clear:both; visibility: hidden;"></div>
  </div>
</div>
要么我需要找到一种方法使容器收缩到它的内容,否则,要么让过滤器在carouFREDsel中的某些项目工作(出于某种原因,我不能)

基本上,我的问题是过滤器选项不起作用,不管是类还是:可见选择器。因此,带有样式“clear:tware”的最后一个DIV将出现在分页中


我是否遗漏了什么,是否有解决方法?

如果您使用的是HTML5样板文件,则有一个方便的内置浮点清除帮助程序类
.clearfix

您只需要将.clearfix应用于包含浮动元素的容器。以下是课程和样板中的注释:

    /*
     * Clearfix: contain floats
     *
     * For modern browsers
     * 1. The space content is one way to avoid an Opera bug when the
     *    `contenteditable` attribute is included anywhere else in the document.
     *    Otherwise it causes space to appear at the top and bottom of elements
     *    that receive the `clearfix` class.
     * 2. The use of `table` rather than `block` is only necessary if using
     *    `:before` to contain the top-margins of child elements.
     */

    .clearfix:before,
    .clearfix:after {
        content: " "; /* 1 */
        display: table; /* 2 */
    }

    .clearfix:after {
        clear: both;
    }

如果您使用的是HTML5样板文件,那么有一个方便的内置浮点清除帮助器类
.clearfix

您只需要将.clearfix应用于包含浮动元素的容器。以下是课程和样板中的注释:

    /*
     * Clearfix: contain floats
     *
     * For modern browsers
     * 1. The space content is one way to avoid an Opera bug when the
     *    `contenteditable` attribute is included anywhere else in the document.
     *    Otherwise it causes space to appear at the top and bottom of elements
     *    that receive the `clearfix` class.
     * 2. The use of `table` rather than `block` is only necessary if using
     *    `:before` to contain the top-margins of child elements.
     */

    .clearfix:before,
    .clearfix:after {
        content: " "; /* 1 */
        display: table; /* 2 */
    }

    .clearfix:after {
        clear: both;
    }
    /*
     * Clearfix: contain floats
     *
     * For modern browsers
     * 1. The space content is one way to avoid an Opera bug when the
     *    `contenteditable` attribute is included anywhere else in the document.
     *    Otherwise it causes space to appear at the top and bottom of elements
     *    that receive the `clearfix` class.
     * 2. The use of `table` rather than `block` is only necessary if using
     *    `:before` to contain the top-margins of child elements.
     */

    .clearfix:before,
    .clearfix:after {
        content: " "; /* 1 */
        display: table; /* 2 */
    }

    .clearfix:after {
        clear: both;
    }