社区
CSS
帖子详情
FF不支持overflow:auto;width:100%;height:100%,请教
gzcat
2007-12-18 11:51:42
FF不支持以下滚动效果样式,请问有没有别的方法?
<div style="overflow:auto;width:100%;height:100%;">
</div>
...全文
311
7
打赏
收藏
FF不支持overflow:auto;width:100%;height:100%,请教
FF不支持以下滚动效果样式,请问有没有别的方法?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
nicholsky
2007-12-18
打赏
举报
回复
怎么不支持?FF同样可以的,只是你的width和height都100%,他会按照父容器的宽度和高度完全扩展,那当然是没有滚动条了,例如<div style="overflow:auto;width:100px;height:100px;">这里面要有足够多的字</div>测试就OK了。
nicholsky
2007-12-18
打赏
举报
回复
参考这个做法,CSS用绝对定位和相对定位。http://blog.ha371.com/article.asp?id=27
nicholsky
2007-12-18
打赏
举报
回复
又是这个问题,上下两行固定尺寸,中间自适应高度,CSS里不懂,我只懂JS的方法。
gzcat
2007-12-18
打赏
举报
回复
一共三行,上下两行是固定23px,中那行是自动伸大,你用IE可以看到效果.谢谢!
gzcat
2007-12-18
打赏
举报
回复
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style>
body{
margin:0px;
padding:0px;}
td{
font-size:12px;
}
</style>
</head>
<body>
<table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td height="23"> </td>
</tr>
<tr>
<td>
<div style="overflow:auto;width:100%;height:100%;">
<table width="100%" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><p>asdasdasdasd</p>
<p>asd</p>
<p>as</p>
<p>dasd</p>
<p>a</p>
<p>sd</p>
<p>asd</p>
<p>a</p>
<p>d</p>
<p>as</p></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td height="23"> </td>
</tr>
</table>
</body>
</html>
nicholsky
2007-12-18
打赏
举报
回复
100%没问题,但你这个div的父容器才是关键,你把你整个代码帖出来,不然无法说明白。
gzcat
2007-12-18
打赏
举报
回复
我要的效果是width和height必须是100%,有谁能解决吗?
CSS单行文本控制:从white-space:nowrap到鲁棒截断方案
本文系统解析CSS单行文本控制的核心机制,涵盖white-space、
overflow
、text-
overflow
与
width
四大属性的协同逻辑与生效条件;深入探讨Flex/Grid布局下的常见失效场景及min-
width
:0等关键修复;分析超长无空格内容处理、跨浏览器兼容性(Safari/Firefox/移动端)、字体度量导致的像素级偏差问题;提供CSS-only、响应式、JS Canvas辅助截断三类实操方案,并覆盖表格、列表等复杂布局实战。强调单行控制本质是空间争夺与信息密度平衡。
flex-wrap:响应式布局中被低估的弹性安全阀
本文深入解析CSS Flexbox中flex-wrap属性的核心原理与实战应用,强调其作为响应式布局‘弹性安全阀’的关键作用。重点涵盖flex-wrap三种取值的行为边界、与flex-direction的协同机制,以及在卡片列表、标签云、表单对齐和导航栏折叠等高频场景中的系统性解决方案。同时揭示flex-shrink与min-
width
的冲突、与CSS Grid的协作边界、性能与可访问性风险,并提供Chrome DevTools调试技巧及Safari兼容性避坑指南。
2025前端必备:CSS特效实现与性能优化指南
本文系统讲解2025年前端CSS特效的核心实现与性能优化策略,涵盖动态渐变、3D翻转、视差滚动、流体变形等实用效果,重点剖析硬件加速机制(transform、will-change)、合成层原理及避免重排重绘的关键实践;同时介绍渐进增强、容器查询、View Transition API等新兴特性,并提供Chrome动画面板调试、PostCSS工作流等工程化方案。
【自用】HTML5+CSS3
本文系统梳理HTML5与CSS3前端开发核心内容,涵盖CSS优先级计算(!important、内联样式、选择器权值三元组)、盒模型(content-box/border-box)、单位体系(px、em、rem、vw/vh)、定位机制(static/relative/absolute/fixed/sticky)、Flex布局(容器与项目属性)、显示类型(inline/block/inline-block)、BFC触发与清除浮动、文档流与脱离机制、回流重绘优化策略及响应式基础(媒体查询、flex、百分比)。内容聚焦CSS样式层关键原理与实践要点。
CSS实战:用float、column-count与box-sizing打造高转化About Me页面
本文聚焦于使用float、column-count和box-sizing等CSS技术构建高转化率的About Me页面。通过混合布局策略解决图文混排、响应式断点脆弱及老浏览器兼容问题;利用column-count优化中文多栏阅读体验,降低跳出率;借助box-sizing统一盒模型计算,避免尺寸错位。同时涵盖头像精细化控制、中文换行优化、无障碍语义化HTML及性能提速等生产级实践。
CSS
61,119
社区成员
60,701
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章