Fatal编程技术网
  • html/
  • Html Firefox溢出隐藏需要浮动

Html Firefox溢出隐藏需要浮动

html css firefox

Html Firefox溢出隐藏需要浮动,html,css,firefox,styles,Html,Css,Firefox,Styles,我在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 {

我在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
添加到
.carousel-inner
，这会使
宽度：100%
被忽略

是否有针对Firefox的其他解决方案

我尝试了
清除：两个都是
，但运气都不好

这是JSFIDLE

和图像（Chrome、IE、Opera）：



火狐：




干杯
 如果您在做这些更改之前在firefox上运行相同的东西，那么请尝试清除缓存。。这发生在我身上，IE中的一切都很好，但firefox中有时不行，因为它有时不加载最新的css清除缓存不工作：）好吧，这现在是一个很大的头痛！！如果这可能对你有帮助的话，那么就这样做吧——仍然不好，试图将这两个元素都添加到每个元素中，最终添加到每个元素中，仍然没有运气，也没有机会对HTMl代码进行修改或修改