Question

我正在使用一个名为“Cycle”的jQuery插件，我在IE中遇到了CSS的问题，它在Opera，FF，Chrome和Safari中看起来很完美，但IE正在破解sads ..

WWW [点] photographicpassions [点] com /家

您将看到右侧的“最新作品”和主图像下方的缩略图，在FF，Safari，Chrome和Opera中，灰色容器位于所有缩略图后面，但在IE中，灰色背景会停止在缩略图的顶部..我已经尝试了各种各样的东西，使其工作，无济于事。有人可以帮助我吗？

这是IE中不能很好玩的容器的CSS：

/* latest work container */
div#latestHolder {
    position: relative;
    float: left; width: 368px;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background-color: #666666;
}

/* thumbnails */
div#nav {
    position: relative;
    float: left; left: 0px;
    width: 376px;
    padding: 0px 0px 0px 0px;
    margin: 1px 0px 0px 0px;
}
    div#nav li {
        width: 66px;
        float: left;
        padding: 0px 0px 0px 0px;
        margin: 9px 9px 0px 0px;
        list-style: none;
        cursor: pointer;
    }
    div#nav a {
        padding: 3px;
        display: block;
        background: #404040;
        cursor: pointer;
    }
        div#nav a.activeSlide {
            background: #ffffff;
            cursor: pointer;
        }
        div#nav a:focus {
            outline: none;
            cursor: pointer;
        }
    div#nav img {
        width: 60px;
        border: none;
        display: block;
        cursor: pointer;
    }

如果有人可以帮助我，那真是太棒了！：）

Answer 1

只需使用overflow：隐藏在容器上。默认情况下，overflow：auto不会增加元素以包含其内容。设置溢出：隐藏（或溢出：自动......与你冒着不必要的滚动条的风险），你将强制你的容器div扩展到所有子元素的高度...包括浮动元素。

Answer 2

div #latestHolder浮动到左侧，导致be removed from the flow of the page。尝试使用相对/绝对位置而不是float:left;或在结束#mainContainer div之前清除浮动。

清除会涉及在#maincontainer div的末尾抛出一个块级元素，如下所示：

<div style="clear: both;"></div>

CSS，JQuery Cycle和IE问题

2 个答案: