如何在IE6及更早浏览器中定义小高度的容器？

最新推荐文章于 2021-03-02 10:11:15 发布

转载最新推荐文章于 2021-03-02 10:11:15 发布 · 134 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yuchav/archive/2011/10/19/2217656.html

本文提供了一个简单的测试样例，展示了如何使用CSS隐藏特定元素。通过设置元素的溢出、高度及字体大小等属性，可以有效地将某些内容从可视区域中移除。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

#test{overflow:hidden;height:1px;font-size:0;line-height:0;}

转载于:https://www.cnblogs.com/yuchav/archive/2011/10/19/2217656.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30570101

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

IE6下不能设置height:1px的元素是什么原因如何解决

09-25

需要注意的是，这些解决办法通常是在缺乏更好的替代方案的情况下采用的权宜之计，实际上在进行网页开发时，推荐的做法是避免使用IE6浏览器，因为这样既可以在设计上拥有更大的自由度，又可以避免很多类似兼容性问题...

CSS min-height IE6、IE7、FF下DIV自适应高度

09-25

通过上述方法，可以在IE6、IE7以及Firefox等浏览器中实现DIV元素的自适应高度功能。虽然随着技术的发展，现代浏览器对CSS的支持已经相当完善，但在维护老旧项目或需要支持这些浏览器的情况下，这些技巧仍然非常有用...

参与评论您还未登录，请先登录后发表或查看评论

关于div容器在ie6下默认高度不为0（存在默认高度）

weixin_30662539的博客

02-20

最近做项目的时候遇到一个问题，相信很多人都遇到过，就是在测试兼容性的时候，在ie6下小于12px 的背景的高度不等于原高，或许这样说你可能不是很明白，那就举个例子吧！如图所示：　　　　锯齿状的背景图本来是和上面和下面的背景是挨在一起的，看代码： .bg9{ width:100%; height:8px; background:url(../images/bg9.jpg...

定义一个像素高度的容器：

weixin_30847939的博客

08-08

110

有三中方法： overflow:hidden; zoom:0.08; line-height:1px; 转载于:https://www.cnblogs.com/qiuwenjuan/p/3245908.html

css 设置最小高度，当容器内部超出容器最小高度时自适应

qq_43575133的博客

10-28

1002

/*设置最小高度，超出最小高度时自适应，_height:100px;（解决ie6） ie6超出自动溢出*/ min-height:100px; *+height:100%; _height:100px;

CSS常见问题

CeiCei_kong

08-30

217

1、如何定义高度很小的容器？在IE6下无法定义小高度的容器，是因为有一个默认的行高。列举2种解决方案：overflow:hidden | line-height:0 2、图片下方出现几像素的空白间隙？这个也有多种解决方案，如将img定义为display:block,或定义父容器为font-size:0，个人更推荐使用vertical-align的方式，它的值可以是text-top | ...

【前端面试题】02—59道CSS面试题(附答案)

web前端开发

03-02

2807

CSS部分的面试题主要考察应试者对CSS基础概念模型的理解，例如文档流、盒模型、浮动、定位、选择器权重、样式继承等。很多应试者认为CSS很简单，没多少内容，面试就是面试 JavaScrip...

浏览器兼容性详解：IE6与IE7的困扰与解决方案

1. **文字大小不兼容**：在IE6和IE7中，同样的`font-size`值可能导致文字占用的高度与其它浏览器不同。例如，宋体在IE6下实际高度为16px，而Firefox（FF）为17px。解决方法是通过设置`line-height`确保文字有统一的...

IE6中浮动元素不定义宽度的解决方法

然而，在 IE6 中，浮动元素如果没有明确设置宽度，可能会导致多种布局问题，包括元素重叠、高度塌陷、容器无法自适应包含的浮动元素的高度等。这是因为 IE6 对于浮动元素的处理与其他现代浏览器略有不同。针对 IE6...

多浏览器支持CSS 容器内容超出(溢出)支持自动换行

10-30

需要注意的是，IE8及更早版本的IE浏览器需要使用`word-wrap: break-word;`来达到相同的效果。 3. **`white-space` 属性** - 作用：控制空白符的处理方式以及换行行为。 - 可选值： - `normal`: 合并空白符序列...

问题总结（三）

weixin_30295091的博客

04-19

1. 如何实现高度很小的容器、在高级浏览器中直接设置，但是在IE6中要添加overflow: hidden; .demo{ width:100px; height:1px; background:red; overflow:hidden; } 2. 高级浏览器用display: inline-block定义行内块级元素在IE6、IE7中不识别dis...

为什么无法定义1px左右高度的容器

abcdefgoup的博客

07-27

5004

html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> content-language" content="zh-cn" /> blueidea style type="text/css"> /*

老版本IE中的BUG

Servenity

12-07

445

1、如何在IE6及更早浏览器中定义小高度的容器？方法： #test{overflow:hidden;height:1px;font-size:0;line-height:0;} 2、IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高如何解决IE6及更早浏览器浮动时产生双倍边距的BUG？方法： #test{display:inline;} 3、当在IE6及更早浏

Css在IE6浏览器里的一些弊端和解决方法

wu_now的专栏

08-07

668

此文出自：K.N.J的博客有很多时候，如果使用的浏览器的版本不够，会导致一些CSS属性无法发挥出应有的作用，结合自己碰到和网上的一些情况，做了一些对会在IE6及更早浏览器里出现的问题的归类及解决方法。 1.浮动时产生双倍边距。如果再IE6及更早的浏览器中出现浮动后margin的值表现出双倍的情况，可以将此元素的display设置为inline就可以了。如：#text{displ

Web开发常用Bugs及解决方案!小小孩!

web开发自学

08-17

157

1.如何在IE6及更早浏览器中定义小高度的容器？方法： #test{overflow:hidden;height:1px;font-size:0;line-height:0;} IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高 2.如何解决IE6及更早浏览器浮动时产生双倍边距的BUG？方法： #test{display:inline;...

css与浏览器的兼容性出现的bug整理

IT忍者神龟

05-21

916

Bugs及解决方案列表（以下实例默认运行环境都为Standard mode）：如何在IE6及更早浏览器中定义小高度的容器？方法： #test{overflow:hidden;height:1px;font-size:0;line-height:0;} IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高如何解决IE6及更早浏览器浮

div控制最小高度又自适高度

anke1460

11-20

639

我们在用div布局的时候经常会遇到这样的一种情况：我们需要设置一个div的高度，当里面的东西超过这个高度时，让这个容器自动被撑开，也就是自适应高度。当里面的信息很少时候，我们就设置它一个最小的固定高度。我们知道，在ie6中，如果子容器的高度超过父容器的时候，父容器会被子容器撑开，所以我们可以直接设置一个height的高度值即可。但是在ie7和firefox就不行了，它不会...

常用的兼容IE6及小技巧

糖果的幸福

11-03

880

为什么会出现浏览器兼容问题由于各大主流浏览器由不同的厂家开发，所用的核心架构和代码也很难重和，这就为各种莫名其妙的Bug(代码错误）提供了温床。再加上各大厂商出于自身利益考虑而设置的种种技术壁垒，都让CSS应用起来比想象得要麻烦。浏览器的兼容问题是我们必须去克服的。关于浏览器主流浏览器

rubygem-mixlib-log-3.0.9-1.el8.tar.gz