我在 Chrome、Opera 甚至 Internet Explorer 上进行了测试,我下面的 css 按预期工作。
.carousel
{
position:relative;
overflow:hidden;
width:100%;
margin-bottom:0px;
}
.carousel-inner
{
font-size:0;
position:absolute;
width:6882px;
}
.carousel-item
{
background-repeat:no-repeat;
background-position:0px 0px;
display:inline-block;
cursor:pointer;
margin:0px 16px;
}
但是当我在 Firefox 上测试时,.carousel-inner
并没有隐藏溢出的元素。
为了添加相同的效果,我需要添加float:left
to .carousel-inner
,这会导致width:100%
被忽略。
是否有另一种针对 Firefox 的解决方法?
我试过clear:both
没有运气。
这是jsfiddle示例
和图像(Chrome、IE、Opera):
火狐:
干杯!