HTML如何创建二级目录

王朝学院·作者佚名  2016-05-24  
宽屏版  字体: 小 | 中 | 大 | 超大  

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了display 的功能就是显示, none的时候就不会显示出来, 默认值为 inline 就是接着显示在下面display 的属性值为 block ; 表示是一个块来显示, 一个元素会换行一次, 这里当然不用这个也可以,我们需要的只是把div 显示出来而已, 用inline 也是可以的还有一个重要的元素就是position,这个就是位置的排版 ,这里是用绝对位置, 就是用width , height , top , left , right来控制这个二级目录的位置 .然后就没有了,这个其实比较容易 , 没有涉及到js , 能够比较简单的实现了 , 当然效果也是不赖 , 还有就是很多网站都是必须要用到这个的

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有