Jquery CarouFREDsel过滤器/CSS问题
我正在响应式(html5样板)布局中使用carouFREDsel jQuery carousel插件。可见项的大小因此会发生变化 我的HTML如下所示: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" /></
<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;
}