css - 如何使用百分比定义高度？

Question

我正在尝试创建一个需要流体调整大小的网站。当我使用 %. 当我使用 px 或 em 时效果很好。

我正在尝试定位名为 flexslider 2 的 jquery 展示的滑块。它是一个链接到两个图像的 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; 
}

我究竟做错了什么？请帮忙！我提前道歉，我对网页设计很陌生

Answer 1

检查“职位”的拼写，应该是：

.flexslider{
    position:absolute;
}

如果位置未正确指定，“顶部”和“底部”样式将无法使用百分比！