全屏高度的固定导航条

 

    接下来我们创建一个左边是全屏高度的固定导航条，右边是可滚动的内容。

 

    实例

 

ul {

 

    list-style-type: none;

 

    margin: 0;

 

    padding: 0;

 

    width: 25%;

 

    background-color: #f1f1f1;

 

    height: 100%; /* 全屏高度 */

 

    position: fixed; 

 

    overflow: auto; /* 如果导航栏选项多，允许滚动 */

 

}

 

    注意:该实例可以在移动设备上使用。