`
zhangyaochun
  • 浏览: 2608814 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

IE6下div的高度设置小于12px的情况

阅读更多

我们在IE6下如果设置一个div的高度小于12px的话,IE6会显示12px.

 

#element{  
	background: yellow;  
	border: 1px solid red;  
	width: 300px;  
	height: 4px;  
	margin: 30px 0;  
}

 

效果图:

 


解决方案

 

   加上overflow:hidden

 

对比的效果图

 


 

 

  • 大小: 3.4 KB
  • 大小: 5.6 KB
1
0
分享到:
评论

相关推荐

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

    `,并且对于`min-height`属性的支持也不完全,所以这个设置确保在IE6中,`div`有一个最低的高度限制,即100px。 最后,`min-height: 100px;`在IE7、Firefox以及其他支持`min-height`属性的浏览器中起作用,它定义了...

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

    当开发者尝试将div的高度设置为小于默认值的尺寸时,IE6就会根据字体的行高自动调整div的实际显示高度。 这个问题的出现主要与以下几个原因有关: 1. DIV元素默认字体大小的设置:在IE6中,默认字体大小影响了元素...

    IE6下CSS定义DIV高度的问题

    通过上述方法,可以有效解决IE6下DIV高度控制的问题,从而在IE6浏览器中实现与其它现代浏览器相一致的页面布局效果。这些解决方案对于现代网页设计师来说是非常重要的,尤其是在需要支持旧版浏览器的情况。尽管IE6已...

    IE6 div最小高度去除方法以及IE6div垂直居中css样式

    这种情况下,浏览器会根据默认的字体大小为div分配一定的高度,导致无法设置小于这个默认高度的值。为了解决这个问题,我们需要明确地设置div的`font-size`为0,这样就可以避免由于字体大小而产生的最小高度。修改后...

    前端浏览器字体小于12px的解决办法

    在前端开发中,由于浏览器的默认限制,字体大小通常最小只能设置为12px,这在某些情况下可能无法满足设计师对于更小字体的需求。当设计稿中的字体尺寸为10px或其他小于12px的值时,我们需要寻找解决办法来实现预期...

    div+css 兼容性总结

    - IE6下,高度小于10px的元素会被显示为10px,通过添加`overflow:hidden`可解决这个问题。 9. **图片与`div`高度问题** - 在IE6中,当图片大小与`div`相同时,`div`高度会增加,此时添加`overflow:hidden`可以...

    IE环境规定div高度必须大于字体高度的问题

    这导致了在设置固定高度为小尺寸时,例如10px,IE浏览器会自动扩展div的高度,如果字体高度超过了10px,可能会出现背景图片重复填充div的情况。 相比之下,FF(Firefox)和Safari等浏览器遵循W3C标准的盒模型,不会...

    css+div自适应窗口宽度

    在示例代码中,`.divGlobal`, `.DivTop`, `.DivBottom`这三个类都设置了`min-width`为760px,这表示这些div元素的最小宽度为760像素。当浏览器窗口宽度小于760像素时,这些div元素的宽度将不再缩小,以保证内容的...

    CSS Div 最小高度在IE 6 和IE 7中的兼容性问题

    但是,在IE6中,如果`<div>`的高度小于10px,就会出现显示不正确的情况,这与表格元素的渲染方式有些相似。这一问题严重影响了网站在不同浏览器之间的兼容性和用户体验。 #### 解决方案 针对这个问题,有几种常见...

    div+css最小高度的实现代码(兼容ie6/ie7/ie8/firefox)

    为了在IE6中实现相同的效果,我们还需要设置高度(height)为100%,这样当内容超过设置的最小高度时,内容区域的高度可以自动拉伸。由于IE6对于百分比高度的计算方式与其他浏览器不同,因此必须在设置了_height之后...

    div+css最小高度的设置方法兼容各浏览器ie6+/Firefox

    标题和描述中提到的问题,即如何在各种浏览器(包括IE6+和Firefox)中设置`div`的最小高度,是前端开发中常见的挑战。下面我们将详细探讨这个问题。 首先,CSS中的`min-height`属性用于定义元素的最小高度。当元素...

    超实用div圆角样式,无须图片

    在上述代码中,当视口宽度小于或等于600px时,div的圆角半径设为5px;601px到1000px之间为10px;超过1000px则为20px。 综上所述,使用CSS3的`border-radius`属性可以轻松地实现div的圆角效果,无需依赖图像,且能很...

    div兼容问题

    这段代码确保`container`的宽度至少为600px,但在IE下,如果窗口小于600px,宽度将自动调整。 解决这些兼容性问题需要对不同浏览器的渲染机制有深入理解,并熟悉CSS Hack或者使用条件注释来针对特定浏览器编写不同...

    js解决div内图片自适应大小

    本文将深入探讨如何利用纯JavaScript实现img图片在大小未知的div内自适应显示,并兼容不同浏览器,包括火狐、谷歌和IE6/7/8。 首先,我们来看一下基本的HTML结构,它包含一个div容器和一个img元素: ```html <div ...

    CSS控制div宽度最大宽度/高度和最小宽度/高度的方法

    本文将深入探讨如何使用CSS来控制div元素的最大宽度和高度以及最小宽度和高度,特别关注在IE6中的兼容性问题。 首先,CSS提供`min-width`和`max-width`属性来限制元素的宽度。`min-width`确保元素的宽度不会小于...

    ie和ff兼容性大集合

    important` 关键字来确保在 IE 下的样式优先级,如 `div { margin: 30px !important; margin: 28px; }`。 - 对于宽度,可以通过条件注释实现兼容,例如: ```css #box { width: 600px; /* for IE6.0 */ -moz-...

    div模拟滚动条当div宽度小于18时滚动条不滚动

    然而,在宽度小于18像素的`div`中,滚动条在IE10的兼容模式下失效。这是由于IE浏览器的一个已知问题,它对模拟滚动条的最小宽度有一定的限制。在某些版本的IE中,滚动条需要至少17像素的宽度才能正常工作。在示例中...

    CSS调整DIV最小高度问题探讨

    在这种情况下,`div`的最小高度将是根据`10px`字体计算出的行高。 在提供的代码示例中,我们看到一个`div`元素`#showDiv`,其`font-size`被设置为`1px`。这是一个非常小的字体大小,目的是减少`div`的默认高度。...

    Div设置最小宽度(有浮动元素或浏览器宽度小于1350之后)

    本文将深入探讨两种特定场景下如何实现 `div` 的最小宽度设置:一种是当 `body` 中存在浮动元素时,另一种是当浏览器宽度小于1350像素。 首先,让我们来看看第一种情况,即`body` 中有浮动元素。浮动元素(如 `...

Global site tag (gtag.js) - Google Analytics