0

在您进一步阅读之前，我正在使用 OneByOne Jquery Slider 插件，插件内容是我试图捕捉到其容器 div 顶部的内容。要阅读有关 OneByOne 的更多信息，请访问以下链接：http ://codecanyon.net/item/jquery-onebyone-slider-plugin/684613

我正在尝试将内部 div 捕捉到其容器 div 的顶部，这是我的（无论如何我认为是）相关的 CSS：

#banner{   
    position: absolute; 
}     

.oneByOne1{
    margin-right: auto;
    margin-left: auto;
    width: 960px;
    height: 420px;    
    position: relative;
    overflow: hidden;
}   

#banner .oneByOne_item{
    position: absolute;
    width: 960px;
    height: 420px;  
    overflow: hidden;  
    display: none;
}

我试图捕捉到顶部的 div 是“横幅”div，容器 div 是“内容”，但是使用 OneByOne 插件，它被识别为上面编码的 oneByOne div 块，这是我的相关 HTML：

<div id="content">
    <div id="banner">
        <div class="oneByOne_item">
            <img src="img/storefront.jpg" class="item_1_1" />               
        </div>
        <div class="oneByOne_item">                                     
            <img src="img/livemusic.jpg" class="item_1_2" />
        </div>
        <div class="oneByOne_item">                                     
            <img src="img/brokerecord.jpg" class="item_1_3" />
        </div>
    </div>
</div>

这是我当前站点的链接：http ://raider.grcc.edu/~ryanduffing/recordstore/

4

1 回答 1

1

<div class="search_line">有position:relative和top: -100px。里面的图片有 61px 的高度，所以它周围的 div 也是如此。

因为您将它相对定位，所以它仍然占用 DOM 中它自然会出现的空间，但您的top价值是将它“拉”到它在视觉上出现的位置。因为它仍然在 DOM 中占用空间，所以它会将你#content的 61px 向下推。

我看不出一个很好的理由让你如何完成它，所以如果你可以在不破坏其他任何东西的情况下改变它，我建议将它改为

.main_header .search_line {
    position: absolute;
    top: 39px;
    right: 0;
}
于 2013-05-08T07:20:46.097 回答