html - Nivo Slider div 仅在 Firefox 上位于主容器 div 之外

Question

我这里有一个 slider

http://www.inspirativearts.co.uk/

在所有浏览器上它都按设计工作，但在 Firefox 上它在主容器之外。

关于 CSS 问题有什么想法吗？

Answer 1

你的元素带有 float:left;他们必须有 overflow:hidden;围绕他们或类似的东西。

添加<div class="clear"></div>在.fullmenu 之后

.clear {
    clear:both; 
    width:100%;
    line-height:0; 
    font-size:0;
}

或使用此 html <div class="fullmenu clearfix"></div>

.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; 
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}