HTML5 二级与三级的写法

一.  二级   二级写在一级里  设置宽高绝对定位

.erji{

        w200px

        h500px

        position:absolute;

        left:0

        top:0

       设置元素消失

        display:none

}

.yiji{

        position:relative;

}

     设置鼠标滑过一级 二级出现

        .yiji:hover .erji{

        display:block;

}

=========================================================================

二.三级的写法 

三级设置绝对定位后  会找到上一个使用position的元素  而二级使用了position：absolute；

所以三级定位的起点就是二级元素位置。

.sanji{

        width

        height

        position:absolute;

        left:

        top:

        display: block;

}

当鼠标滑过二级中的一个元素

li：hover .sanji{

        display:block

}