1

流動的なサイズ変更が必要な Web サイトを作成しようとしています。%を使用すると、「上」または「下」の位置がうまくいかないようです。px または em を使用すると問題なく動作します。

flexslider 2 と呼ばれる jquery ショーケースのスライダーを配置しようとしています。これは、2 つの画像にリンクされている div 要素です。元の html の例は、ここの一番下にあります。http://flexslider.woothemes.com/

<div style="padding:5px;">
    <div class="flexslider">
         <ul class="slides">
             <li><img src="images/ussc1.jpg" alt="01" /></li>
             <li><img src="images/ussc2.jpg" alt="02" /></li>
         </ul>
     </div>
</div>

そしてここにcssがあります。

.flexslider { 
    max-width:940px; 
    width: 40%;
    margin: 0 auto;
    top: 20%; 
    position:absolute; 
}

私は何を間違っていますか?助けてください!事前にお詫び申し上げます。私はウェブデザインに非常に慣れていません。

4

1 に答える 1

0

「位置」のスペルを確認してください。次のようにする必要があります。

.flexslider{
    position:absolute;
}

位置が適切に指定されていない場合、「上」および「下」スタイルはパーセンテージで機能しません!

于 2012-11-25T19:49:15.133 に答える