HTML如何创建二级目录

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 , 能够比较简单的实现了 , 当然效果也是不赖 , 还有就是很多网站都是必须要用到这个的

以上是关于HTML如何创建二级目录的主要内容,如果未能解决你的问题,请参考以下文章

如何创建片段以重复变量编号中的代码行

Laravel:如何在控制器的几种方法中重用代码片段

Nginx根据目录自动生成二级域名

Java工程师面试题,二级java刷题软件

C# 获得目录创建时间的源码片段

在Tomcat的安装目录下conf目录下的server.xml文件中增加一个xml代码片段,该代码片段中每个属性的含义与用途