文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
首页 > web前端 > html教程 > 正文

div高度一个自适应，一个固定如何实现_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 12:08:58
原创
1185人浏览过



div2


div2




要求：part1 随浏览器窗口的变大缩小，自适应高度
      part2 高度固定 height="30px"

各位大侠这个如何实现


回复讨论(解决方案)

  part2 高度固定 height="30px"
这个直接写就行了。。

div2

part1可以不设置高或调协成auto都行。part2直接就是height:30px就行了。


   
   
   

     
   

          
         
        

       
   


  

这个是我的代码，还是不行啊！

我的part1  div里是个表格控件，表格里有三条记录，part1 div 的高度只能显示一条记录，表格也不会给 part1 div给撑开

用js动态调整

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

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

下载
来源：php中文网
收藏 点赞
上一篇：初学CSS一个问题？_html/css_WEB-ITnose 下一篇：html中怎么把图片按比例缩放在<span>里面_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
HTML表单输入框的输入验证规则怎么设置 设置HTML表单输入框的输入验证规则可以通过HTML5的验证属性实现，具体步骤如下：1.使用required属性确保字段必填，如。2.对于电子邮件，使用type="email"验证格式，如。3.密码字段使用minlength和maxlength控制长度，如，并结合JavaScript验证复杂度。4.数字输入使用type="number"并设置min和max，如。5.使用pattern属性定义复杂验证规则，如。这些方法提高了用户体验和数据准确性，但需结合服务器端验证确保安全性。
2025-06-13 15:54:02
584
HTML5视频加载卡顿？预加载属性与分段加载优化 HTML5视频加载卡顿的核心解决方法是优化预加载策略和采用分段加载技术。1.预加载策略通过preload属性控制，可选none（不预加载）、metadata（仅加载元数据）或auto（浏览器自定），应根据场景选择，如长视频推荐metadata以减少等待。2.分段加载使用HLS或DASH协议，将视频切分为小片段并按网络状况自适应加载，其中HLS兼容性好但延迟高，DASH灵活强大但实现复杂。3.CDN加速、服务器优化（如Nginx、Gzip）、客户端监控缓冲状态并调整加载策略也至关重要。此外，预加载
2025-06-13 15:39:01
239
HTML如何调用摄像头？getUserMedia怎么配合HTML？ 调用摄像头在网页中实现视频采集功能主要依赖于getUserMediaAPI和HTML的标签。1.调用摄像头使用navigator.mediaDevices.getUserMedia()方法，传入指定约束对象，成功后将流绑定到video元素上展示；2.HTML中通过添加autoplay属性的标签配合JavaScript显示实时画面；3.可通过停止流中的轨道实现关闭摄像头功能；4.注意事项包括需运行在HTTPS环境、用户授权机制、移动端兼容性及iframe中的安全限制。整个流程需妥善处理错误与权限以
2025-06-13 15:21:01
497
HTML如何插入时间？time标签有什么作用？ 为什么要用标签？因为它能提供语义化的时间信息，帮助浏览器和搜索引擎准确识别时间内容。直接写文字虽能显示时间，但缺乏结构化数据支持，而标签通过datetime属性标准化时间格式，兼顾用户可读性和机器解析需求。如何使用插入时间？1.基本用法：直接在标签中写时间，如2024年10月5日；2.带datetime属性的标准格式，如下午2点30分，适合程序识别。实际应用场景包括博客发布时间、活动倒计时和结构化数据基础，提升SEO效果和功能扩展性。
2025-06-13 15:03:01
988
如何解决HTML在打印时的分页问题 打印HTML页面时，可以通过CSS的page-break属性、JavaScript动态插入分页符、CSS的page-break-inside属性以及调整HTML结构来处理分页问题。1.使用CSS的page-break属性控制元素前后插入分页符。2.通过JavaScript动态插入分页符，适用于需要在特定位置分页的情况。3.利用CSS的page-break-inside属性避免内容在不恰当的位置被截断。4.调整HTML结构，在需要的地方插入分页元素以优化打印效果。通过这些方法，可以显著改善打印输出
2025-06-13 14:45:01
253
怎样设置HTML超链接的鼠标悬停效果 通过CSS的:hover伪类可以设置HTML超链接的鼠标悬停效果。具体步骤如下：1.定义超链接的正常状态，如链接颜色为蓝色。2.使用:hover伪类定义悬停状态，如链接颜色变为红色。3.可进一步添加背景颜色、阴影和动画效果，提升用户体验。
2025-06-13 14:15:01
518
如何将HTML代码转换成Markdown格式 HTML代码转换成Markdown格式可以通过以下方法：1)使用在线工具如Dillinger或Turndown；2)编写脚本使用Python的html2text库；3)手动转换，适合小段内容。每个方法都有其优缺点，选择适合自己的方式即可。
2025-06-13 14:09:01
655
HTML如何实现手风琴效果？accordion怎么用HTML创建？ 实现手风琴效果需1.HTML构建结构2.CSS控制动画3.JavaScript添加交互。具体步骤为：1.使用HTML定义包含标题和内容的面板结构，通过button作为触发器；2.利用CSS设置max-height、overflow和transition属性实现内容展开收起动画；3.用JavaScript监听点击事件切换active状态并关闭其他面板，确保单次仅展开一项。此方法通过三者协作完成流畅的手风琴交互效果。
2025-06-13 11:48:02
141
怎样让HTML导航栏固定在页面顶部 要让HTML导航栏固定在页面顶部，需使用CSS中的position:fixed属性。1.使用position:fixed使导航栏固定在顶部。2.通过调整内容区域的margin-top防止遮挡。3.考虑响应式设计、滚动效果、浏览器兼容性和性能优化。
2025-06-13 11:45:01
433
html怎么添加滚动文字？滚动效果实现方法 滚动文字在网页中可通过三种方法实现：1.使用HTML的标签最简单但兼容性差；2.用CSS动画实现更灵活且适合响应式布局；3.通过JavaScript控制可实现交互操作。每种方式适用场景不同，按需选择即可。
2025-06-13 10:00:03
179
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

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

  • PHP学习

  • 技术支持

  • 返回顶部