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

时间:2014-05-02 15:10:43

标签: javascript jquery css css3 jquery-mobile

我正在为我的屏幕制作一个面板。正如我们在所有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%;
}

1 个答案:

答案 0 :(得分:-1)

  

我认为你可以通过以下步骤来解决这个问题

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

  • 将孩子附加到父母

  • 使用jquery 1.8.3