为什么左面板不显示在整个屏幕上。？

Question

我正在为我的屏幕制作一个面板。正如我们在所有 android 和桌面应用程序中看到的那样。它显示在整个高度上。实际上我的面板只显示在屏幕的一半上。 我增加“z-index”，并将位置更改为相对位置，但两者都不起作用我想面板到整个高度，这应该通过动画（动画正在工作）但它不是整个高度。

你可以看看我的小提琴。 http://jsfiddle.net/vfuR7/1/ 有 ">>" 按钮，单击它会打开面板。但高度很小。 如果我使用 jquery mobile 则无法点击。

.panel {
    width:80%;
    float:left;
    height:550px;
    background:#d9dada;
    position:relative;
    left:-80%;

}
.slider-arrow {
    padding:5px;
    width:10px;
    float:left;
    background:#d9dada;
    font:400 12px Arial, Helvetica, sans-serif;
    color:#000;
    text-decoration:none;
    position:relative;
    left:-80%;
}

Answer 1

我认为您可以通过以下步骤解决此问题

• 给出适当的高度值。 例如：父容器 = 100%；

• 将子级附加到父级

• 使用 jquery 1.8.3