流動的なサイズ変更が必要な 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;
}
私は何を間違っていますか?助けてください!事前にお詫び申し上げます。私はウェブデザインに非常に慣れていません。