2

左矢印と右矢印でカルーセルを作成しようとしています。右矢印を画面の一番右側に揃えるにはどうすればよいですか? 私はそれを理解するために多くの投稿を調べ、float と align の両方を試しましたが、理解できません。

ここに私の JSFiddle があります: http://jsfiddle.net/agassi0430/CcAMD/

助けてくれてありがとう。

4

3 に答える 3

3

position: absolute;矢印で使用し、を使用して位置合わせするのが最も簡単right: 0; left: 0;です。position: relative;また、そのコンテナー内で絶対位置が機能するように、それらを含む要素に設定することを忘れないでください。

これがフィドルです。

また、html マークアップにも注意してください。<li><li>(リスト項目)以外のものを<ul></ul>(順序なしリスト)の間に入れることは無効です

于 2012-09-29T07:22:46.220 に答える
0

リストから矢印を削除できれば役立つと思いますが、リストに矢印を保持する必要がある場合は、表示プロパティをいじってみてください。表示など：インラインブロック; あなたのCSSで。ただし、古いバージョンのIEでは劣化しないものもあるので注意してください。IE7にはマイナーなcssハックが必要な場合があります...

于 2012-09-29T06:48:17.900 に答える
0

これを試してください：

    <div class="category">Most Discussed</div>
    <div class="contents">    
        <ul><div class="leftarrow"></div></ul>
        <ul><div class="content"></div>
            <li></li>
            <li></li>
            <li></li>
            <li></li></ul>
        <ul style="float:right;"><div class="rightarrow"></div></ul>
    </div>
于 2012-09-29T06:40:15.157 に答える