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;
}

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

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

1 个答案: