HTML如何创建二级目录

8/31/2015来源:CSS教程人气:1118

HTML如何创建二级目录

#classify ul li div{width:100px; height:200px;display:none; position:absolute;left:100px; top:0px;}#classify ul li:hover div {display:block;}


主要用到的CSS代码就是上面用的这两个CSS了
  1. display 的功能就是显示, none的时候就不会显示出来, 默认值为 inline 就是接着显示在下面
  2. display 的属性值为 block ; 表示是一个块来显示, 一个元素会换行一次, 这里当然不用这个也可以,我们需要的只是把div 显示出来而已, 用inline 也是可以的
  3. 还有一个重要的元素就是position,这个就是位置的排版 ,这里是用绝对位置, 就是用width , height , top , left , right来控制这个二级目录的位置 .

然后就没有了,这个其实比较容易 , 没有涉及到js , 能够比较简单的实现了 , 当然效果也是不赖 , 还有就是很多网站都是必须要用到这个的