`
234390216
  • 浏览: 10238736 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
博客专栏
A5ee55b9-a463-3d09-9c78-0c0cf33198cd
Oracle基础
浏览量:462898
Ad26f909-6440-35a9-b4e9-9aea825bd38e
springMVC介绍
浏览量:1775984
Ce363057-ae4d-3ee1-bb46-e7b51a722a4b
Mybatis简介
浏览量:1398755
Bdeb91ad-cf8a-3fe9-942a-3710073b4000
Spring整合JMS
浏览量:395157
5cbbde67-7cd5-313c-95c2-4185389601e7
Ehcache简介
浏览量:680175
Cc1c0708-ccc2-3d20-ba47-d40e04440682
Cas简介
浏览量:531146
51592fc3-854c-34f4-9eff-cb82d993ab3a
Spring Securi...
浏览量:1185020
23e1c30e-ef8c-3702-aa3c-e83277ffca91
Spring基础知识
浏览量:468823
4af1c81c-eb9d-365f-b759-07685a32156e
Spring Aop介绍
浏览量:151494
2f926891-9e7a-3ce2-a074-3acb2aaf2584
JAXB简介
浏览量:68344
社区版块
存档分类
最新评论

ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码

阅读更多

在ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码:

让Div自适应是一个比较常见的需求,可是这种需求在ie下是默认的,但在firefox下就不是默认的了,因为这两者的内容实现不是一样的,所以常常是满足这个浏览器,另一个浏览器又不满足了!

给需要自适应的Div加上下列css代码后在firefox和ie中就都可以自适应了!

height:auto !important;
height:200px;
min-height:200px;

 

1
2
分享到:
评论

相关推荐

    最小高度能自适应高度IE.FF全兼容的div设置.rar

    标题"最小高度能自适应高度IE.FF全兼容的div设置.rar"和描述"最小高度能自适应高度IE.FF全兼容的div设置"所指向的知识点,主要涉及到CSS(层叠样式表)中的最小高度(min-height)属性以及如何实现跨浏览器的兼容性...

    子div含float,父div高度自适应的div+css布局写法

    div+css高度自适应网页布局,子div含float,父div高度自适应,已经通过测试的浏览器:ie6、ie7、ie8、火狐、Chrome。 代码来源: http://www.positioniseverything.net/articles/onetruelayout/equalheight

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

    通过这种方式,我们可以创建一个既具有最小高度保证,又能根据内容自适应高度的`div`,并且兼容了IE6、IE7和Firefox等主流浏览器。这在处理动态内容和保证跨浏览器一致性时非常实用。同时,这也体现了CSS在解决...

    IE6的双倍边距和火狐自适应高度

    在CSS布局中,有时会遇到一个奇怪的现象:当设置了某个元素(如`<div>`)的左侧外边距(`margin-left`)为10像素时,在IE6下该外边距却显示为20像素。这种现象被称为“IE6双倍边距BUG”。 **示例代码:** ```css ...

    firefox与ie css+div兼容大全

    3. **填充(Padding)与尺寸**:Firefox会在设置`padding`后自动调整`div`的`height`和`width`,而IE则不会。为解决这个问题,可以使用`!important`强制为Firefox设置`height`和`width`。 4. **`!important`规则**...

    让CSS兼容IE和Firefox的技巧集合

    标题中的“让CSS兼容IE和Firefox的技巧集合”是指在网页设计中,针对Internet Explorer(IE)和Firefox这两种浏览器之间CSS样式兼容性问题的解决策略。描述中的“嘿呌,IE不再是个bug”暗示了这些技巧能帮助开发者...

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

    我们在用DIV+CSS布局文章内容页面的时候,往往会让DIV或其他元素自适应高度,可是当发布者发布的内容比较少的时候,比如只有一行字,那内容部分就变的很小,不美观,可是我们直接设置一个高度的话,当内容很多时又会...

    IE和FireFox的CSS兼容

    在前端开发中,CSS兼容性是一个常见的挑战,尤其是在处理IE和Firefox这两个浏览器时。由于它们对CSS标准的实现存在差异,导致在不同浏览器下显示的效果可能不尽相同。以下是一些关键点,帮助开发者理解和解决这些...

    css解决IE6,IE7,firefox兼容性问题.

    - Firefox 设置 padding 后,div 的 height 和 width 会相应增加,而 IE 不会。可以通过添加 `!important` 来解决: ```css div { padding: 10px; height: 100px !important; width: 100px !important; } ``` 7...

    拥有最小高度能自适应高度同时全兼容IE、FF的div设置

    总的来说,为了使div元素在不同浏览器中都具有最小高度并且能够自适应内容的高度,可以通过合理设置`min-height`属性,并辅以针对旧版浏览器的特殊处理和CSS优先级控制,以达到一致的显示效果。这种方法适用于需要...

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

    这段代码在页面加载完成后执行,获取到图片的自然宽度和高度,然后根据div的实际宽度计算缩放比例。如果div宽度小于图片宽度,就按照这个比例调整图片的高度,以保持原始比例。 值得注意的是,此方案适用于图片宽度...

    CSS兼容IE和Firefox的技巧集合

    ### CSS兼容IE和Firefox的技巧集合 在网页开发过程中,CSS的兼容性一直是开发者们头疼的问题,尤其是在处理不同浏览器如Internet Explorer(IE)和Mozilla Firefox之间的差异时。本文旨在总结一系列有效的技巧,...

    Firefox div高度自适应

    1.如果div想要一个最小高度,那么应该用css的minheight这个属性,但是IE不支持,考虑到大多数用户都使用IE,所以一般情况下这个属性基本上弃置不用。在IE里面,height基本上就可以当作minheight来用,因为如果内容...

    最小高度能自适应高度IE.FF全兼容的div设置特效代码

    标题 "最小高度能自适应高度IE.FF全兼容的div设置特效代码" 涉及的是前端开发中的一个常见问题,即如何在不同浏览器(尤其是IE和Firefox)中实现一个div元素的最小高度自适应其内容高度,并保持良好的兼容性。...

    div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法.docx

    以下是一些解决`div+css`在IE6、IE7、IE8、IE9以及Firefox、Chrome等浏览器兼容性问题的方法: 1. **DOCTYPE声明**:确保在HTML文档开头使用正确的DOCTYPE声明,如`<!DOCTYPE html>`,这有助于使浏览器以标准模式...

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

    ### CSS `min-height` 在IE6、IE7与Firefox下的DIV自适应高度解决方案 #### 背景介绍 在Web开发的历史长河中,不同浏览器对CSS的支持程度一直是开发者们面临的一大挑战。尤其是在早期,Internet Explorer 6 (IE6) ...

Global site tag (gtag.js) - Google Analytics