HTML如何创建二级目录

时间：2016-01-25 08:48:54 阅读：900 评论：0 收藏：0 [点我收藏+]

标签：

#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了

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

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

标签：

原文地址：http://www.cnblogs.com/shouce/p/5156520.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行