微信公众号 讲师中心
首页
文章
后端开发 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-24 12:26:12
原创
1693人浏览过

代码很简单，但我看了一下午也没法给选项卡设置高度，如果不能设置那默认的显示高度又是怎么定出来的呢？
望高人赐教，万分感谢。代码如下：
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



简洁Tab

<script> <br /> <!-- <br /> /*第一种形式 第二种形式 更换显示样式*/ <br /> function setTab(m,n){ <br /> var tli=document.getElementById("menu"+m).getElementsByTagName("li"); <br /> var mli=document.getElementById("main"+m).getElementsByTagName("ul"); <br /> for(i=0;i<tli.length;i++){ <br /> tli[i].className=i==n?"hover":""; <br /> mli[i].style.display=i==n?"block":"none"; <br /> } <br /> } <br /> <br /> //--> <br /> </script>






 

  
 

 

  

   
  • 新闻列表

   
  • 评论列表

   
  • 技术列表

   
  • 点评列表

  

 








回复讨论(解决方案)

.menu1box{ position:relative; overflow:hidden; height:22px;//选项卡的高度 width:400px; text-align:left;}#menu1 li{ float:left; display:block; cursor:pointer; width:72px; text-align:center; line-height:21px; height:100%;}<!--追加-->#menu1 ul{	height:100%}
登录后复制

大家都在看：

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

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

下载
来源：php中文网
收藏 点赞
上一篇：ie8下 line-height怎么不起作用_html/css_WEB-ITnose 下一篇：50求财付通主页上的箭头背景动画animate实现方法_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
精确控制CSS下划线：避免父元素样式影响子元素 本教程将指导如何在HTML元素中精确控制文本下划线的应用范围，特别是在父元素样式可能覆盖子元素需求时。通过引入内联元素（如）进行样式隔离，您可以实现仅对特定文本段落添加下划线，从而避免不必要的样式继承，提升页面布局的灵活性和精确性。
2025-11-16 08:51:20
362
如何在HTML5 Canvas中实现即时显示的圆形进度条（无动画） 本教程详细指导如何在HTML5Canvas中创建不带动画效果的圆形进度条。通过修改JavaScript绘图逻辑，直接计算并渲染目标百分比对应的弧度，避免了传统的逐帧动画过程。文章将提供优化的代码示例，解释关键修改点，帮助开发者实现即时、高效的进度展示，提升用户体验，并探讨无动画进度条的适用场景与优势。
2025-11-16 08:51:07
833
掌握CSS布局：清除页面默认边距以优化页脚显示 本文旨在解决网页开发中常见的页脚两侧和底部出现意外空白的问题。通过深入分析浏览器对body元素的默认样式，我们将学习如何通过CSS重置其默认外边距，从而实现页脚的无缝全宽显示，并探讨相关的CSS布局最佳实践，以确保跨浏览器布局的一致性。
2025-11-16 08:44:02
393
js如何输出html_JavaScript动态输出HTML内容（innerHTML）方法 使用innerHTML、insertAdjacentHTML或createElement结合append可动态更新网页内容，分别适用于直接替换、精准插入和安全添加DOM节点的场景。
2025-11-16 08:22:02
538
JavaScript实现文本打字机效果与交互控制：何时触发“下一段”？ 本教程详细讲解如何使用JavaScript创建平滑的文本逐字显示（打字机）效果，并重点阐述在文本显示完成后如何优雅地触发后续交互，例如显示“下一段”按钮。文章将提供两种实现方案：推荐使用递归setTimeout进行精确控制，以及使用setInterval并确保及时清除的替代方案，旨在帮助开发者构建更具动态性和用户友好性的网页内容。
2025-11-16 08:18:16
157
使用 jQuery 动态添加列表项：避免页面刷新的陷阱 本文旨在帮助开发者解决在使用jQuery向列表中动态添加列表项时，由于表单提交导致页面刷新的问题。我们将深入探讨问题的原因，并提供一种优雅的解决方案，即通过监听表单的submit事件并阻止默认行为，从而实现无刷新添加列表项的功能，提升用户体验。
2025-11-16 08:02:26
502
Joplin嵌入式预览，HTML+CSS代码随笔记跳舞！ Joplin可通过代码块、WebClipper、Base64附件和外部编辑器实现HTML+CSS嵌入与预览。1、用html或css插入可高亮的代码块便于查看；2、通过JoplinWebClipper保存已渲染的网页快照，保留视觉效果；3、将含样式的HTML文件转为Base64编码作为附件嵌入，供解码后浏览动态效果；4、启用外部编辑器功能，在VSCode等工具中实时编写并预览，修改后自动同步至笔记，形成开发闭环。
2025-11-16 07:55:17
313
如何收藏html资料_HTML网页/资源收藏（书签/工具）方法 答案：可通过浏览器书签、在线工具、本地保存、笔记应用和自建导航页五种方式收藏管理HTML资源。使用浏览器书签可快速保存并分类网页；借助Pocket、Raindrop.io等在线书签工具实现跨设备同步与标签管理；通过“另存为”功能将网页保存为本地文件确保长期可用；利用Notion、印象笔记等笔记软件剪藏网页并添加批注形成知识库；最后可创建静态HTML导航页集中管理所有链接，支持分类展示与在线访问。
2025-11-16 07:41:35
143
HTML跨域资源共享漏洞怎么查找_CORS配置不当导致跨域漏洞查找方法 答案是检查服务器响应头中CORS配置是否过于宽松或反射Origin头。首先通过浏览器开发者工具观察请求的Origin头及响应头中的Access-Control-Allow-Origin、Access-Control-Allow-Credentials等字段；若Allow-Origin为*且Allow-Credentials为true，则存在高危漏洞；其次使用cURL或Postman手动测试，发送自定义Origin头请求，验证服务器是否反射该值；再利用BurpSuite等工具自动化检测，修改Ori
2025-11-16 03:49:09
774
如何在Nano中快速编辑HTML片段的详细教程 Nano是终端中编辑HTML的理想工具。启动命令为nanoindex.html，可直接输入或粘贴HTML代码；使用Ctrl+W搜索、Ctrl+\替换内容；通过安装语法高亮包并在~/.nanorc中添加include/usr/share/nano/html.nanorc启用HTML高亮；保存用Ctrl+O，退出用Ctrl+X，未保存将提示确认。
2025-11-16 03:09:36
594
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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

  • PHP学习

  • 技术支持

  • 返回顶部