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 に答える