0

ページの上部にカスタムスライダーがありますが、いくつか問題があります。リストアイテムを画面の幅まで拡大したいのですが、リストアイテムが互いに下に表示されるため、これを強制するのに問題があります。私はそれらをfloatに設定し、オーバーフローを非表示にしてリストを囲むdivを持っていますが、役に立ちません。

現在のスライドがサイズに関係なく画面の幅になるようにしたいのですが、最小幅は960pxである可能性があります

HTML

<div id="slider">
    <div class="slides">
        <ul>
            <li class="slide">
                one
            </li>
            <li class="slide">
                two
            </li>
            <li class="slide">
                three
            </li>
        </ul>
    </div>
</div>

CSS

#slider {
    position:relative;
    margin:0 auto;
    top:85px;
    width:100% !important;
}

.slides {
    margin:0 auto;  
    overflow:hidden;
    text-align:center;
    position:relative;
    left:0;
}

.slide {
    height:630px;
    width:100%;
    float:left;
    position:relative;
}
4

1 に答える 1

0

これを試してください...
次のようにcssクラスを追加します。

.ul_class {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

その後、この新しいクラス（ul_class）を<ul>このように割り当てます。 

<ul class="ul_class">
    ...
    ...
    ...
</ul>

これがお役に立てば幸いです。

于 2012-05-21T09:30:05.277 に答える