微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > html教程 > 正文

三级导航下拉菜单 在线等_html/css_WEB-ITnose

php中文网
发布： 2016-06-21 08:59:43
原创
1656人浏览过

网上下了一个三级导航菜单，但是有点小问题，下拉的菜单高度怎么变小，高度一改变，导航上的高度也变了，如下图所示，想把下拉菜单的高度变小点，导航菜单高度不变，求高手解决！谢谢


nbsp;html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">  

 nbsp;html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> 
 
 
 
三级dropdown弹出菜单 
 
 
 
 
 
 
 
 
 

卡拉OK视频制作
卡拉OK视频制作

卡拉OK视频制作，在几分钟内制作出你的卡拉OK视频

卡拉OK视频制作 178
查看详情 卡拉OK视频制作


回复讨论(解决方案)

给li增加样式

怎么增加呢，加在哪里

给li增加样式

  •  具体的你要自己调

    大小改好后，字体不能居中，一直靠近最底端，设置了好几个属性也不行

  •  具体的你要自己调

    大小改好后，字体不能居中，一直靠近最底端，设置了好几个属性也不行


  •  具体的你要自己调
    line-height:15px;

    这样是不可以的

    怎么都 没人那

    line-height: 150%

    修改之前要弄清楚三级菜单之间的关系，原来的是在父级a标签里定义高度、行间距了，下面的二、三级菜单就自动继承了。
    解决办法就是：不要在父级定义，分别在各子级定义。 

    .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; text-align:center; color:#fff; border:1px solid #fff; background:#710069; font-size:11px; overflow:hidden;} .menu ul li {float:left; margin-right:1px; position:relative; line-height:40px;} /*一级菜单项*/.menu ul li:hover ul li { line-height:30px;}/*二级菜单项*/.menu ul li:hover ul li ul li{ line-height:30px;}/*三级菜单项*/
    登录后复制

    大家都在看：

    • HTML速学教程(入门课程)
    HTML速学教程(入门课程)

    HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

    下载
    来源：php中文网
    收藏 点赞
    上一篇：Design and prototype UI, interaction and animation in Interface Builder_html/css_WEB-ITnose 下一篇：奇舞周刊第143期（2016-01-15）_html/css_WEB-ITnose
    本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
    最新问题
    HTML5代码如何管理会话存储 HTML5代码中sessionStorage的应用 sessionStorage用于临时存储会话数据，关闭标签页后清除，支持同源单标签页的键值对操作，适合表单暂存与状态管理，仅能存储字符串且容量有限，敏感信息需避免明文保存。
    2025-11-10 23:56:02
    182
    如何创建html背景_HTML背景（渐变/图片）创建与设置方法 使用CSS设置网页背景最有效，包括纯色、渐变和图片。通过background-color设置颜色，linear-gradient实现渐变，background-image添加图片，并结合background-repeat、background-size等属性控制显示效果，推荐使用简写属性综合设置，如background:colorurl()no-repeatcenter/coverfixed，提升页面视觉表现。
    2025-11-10 23:49:02
    452
    html如何找错_HTML代码错误查找（验证工具/调试器）方法 答案：通过W3C验证工具、浏览器开发者工具、代码编辑器辅助及手动检查可有效定位并修复HTML错误。具体包括使用W3C服务检测语法、开发者工具审查DOM结构、编辑器实时提示错误，以及排查标签闭合、属性引号、嵌套顺序等常见问题。
    2025-11-10 23:19:02
    582
    CSS代码怎么嵌入HTML文档_CSS代码嵌入HTML文档的实用技巧 一、内联样式将CSS写在HTML元素的style属性中，如；二、内部样式表在中用标签定义，如p{color:blue;}；三、外部样式表创建.css文件并通过引入；四、@import可在CSS中导入其他文件，需置于规则前。
    2025-11-10 23:14:02
    759
    如何编辑网页HTML中的图片轮播_如何编辑网页HTML中图片轮播的代码 可通过原生代码或框架实现图片轮播：一、用HTML+CSS+JavaScript定义结构、样式与定时切换逻辑；二、使用Bootstrap的carousel组件快速搭建响应式轮播；三、引入jQuery插件如Slick减少编码量并增强动画效果；四、在Vue或React项目中通过npm安装轮播组件包并声明式调用，适配单页应用需求。
    2025-11-10 23:01:34
    433
    html新闻链接怎么打_html新闻链接如何打完整说明 答案：在HTML中创建新闻链接需使用标签和href属性。将“点击查看详细报道”等文字或图片标签置于标签内，并在href中填入新闻页URL，即可实现跳转；添加target="_blank"属性可使链接在新标签页打开。
    2025-11-10 22:56:02
    238
    html本地存储缓存怎么清理_html本地存储缓存清理的全面说明 首先清除浏览器LocalStorage数据，通过开发者工具的Application选项卡选择域名后清除；其次可用JavaScript执行localStorage.clear()或removeItem(‘keyName’)删除特定数据；再通过浏览器设置中隐私选项批量清除包括本地存储在内的网站数据；最后可禁用或重置站点的本地存储权限以阻止数据写入。
    2025-11-10 22:53:29
    174
    html如何增加边框_HTML元素边框（border样式）添加方法 答案：通过CSS的border属性为HTML元素添加边框，可使用内联style、内部样式表或单独设置各边，需包含样式如solid、dashed等，否则边框不显示。
    2025-11-10 22:41:03
    179
    HTML5在线如何制作抽奖转盘 HTML5在线互动活动的开发指南 答案：HTML5抽奖转盘通过HTML+CSS+JS实现，核心包括转盘结构、旋转动画、中奖逻辑与交互控制。1.结构上使用div或Canvas构建转盘；2.CSS3的transform与transition实现转动动画；3.JavaScript控制角度计算与随机结果，确保精准停转；4.添加防重复、音效、弹窗提升体验。全流程注重细节调试。
    2025-11-10 22:35:13
    907
    html如何取消浮动_HTML浮动（float）取消（clear:both）方法 使用clear属性、overflow属性或伪元素法可清除浮动影响。一、为后续元素设置clear:both;避免与浮动元素同侧排列；二、父容器设overflow:hidden;触发BFC以包含浮动子元素；三、推荐使用伪元素法，通过为父容器添加clearfix类并利用::after伪元素设置display:block和clear:both，实现无额外标签的清除浮动方式，提升代码可维护性。
    2025-11-10 22:31:17
    677
    相关专题
    更多>
    热门推荐
    开源免费商场系统广告
    热门教程
    更多>
    相关推荐
    热门推荐
    最新课程
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
    php中文网：公益在线php培训，帮助PHP学习者快速成长！
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送
    PHP中文网APP
    随时随地碎片化学习

    Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部