`

div如何实现自动高度(火狐浏览器)

阅读更多

在IE下,我定义了DIV的高度,如果内容过多,则DIV高度自动增加。并且内容不会移位。
在火狐浏览器下,
我定义了DIV高度,如果内容过多,则超过部分的内容会在DIV下面显示,移出了DIV。没有让DIV自动增加高度。

解决办法:

<div style="height:200px;overflow:hidden;height:auto; ">

……

……

</div>

分享到:
评论

相关推荐

    ie和火狐浏览器兼容问题

    14. **高度动态问题**:在IE中,包含浮动元素的容器可能无法自动调整高度,使用`overflow:hidden;zoom:1;`可以触发IE的布局属性,使高度适应内容。 这些是解决IE和Firefox之间CSS兼容性问题的一些常见策略。在实际...

    谷歌浏览器 div 水平对齐

    针对“谷歌浏览器 div 水平对齐”的问题,我们可以采用表格布局或绝对定位来实现兼容性。虽然方案一使用了非标准的 IE 私有属性,但仍然可以在老版本的 IE 中工作。而方案二则更加现代化,适用于更广泛的浏览器。在...

    IE浏览器和火狐浏览器兼容问题.doc

    标题提及的“IE浏览器和火狐浏览器兼容问题”主要集中在CSS样式方面,因为CSS在不同浏览器之间的解析方式有所差异,导致在Internet Explorer(IE)和Firefox中显示效果可能不一致。以下是一些关键的兼容性问题及解决...

    div触壁反弹特效css+js

    一个div触壁反弹的特效。适用于ie浏览器和火狐浏览器。自动捕捉窗口宽度和高度。

    css firefox火狐浏览器下的兼容性问题

    在CSS布局设计中,浏览器兼容性一直是个棘手的问题,特别是Firefox(火狐浏览器)与Internet Explorer(IE)之间的差异。以下将详细讨论火狐浏览器下的CSS兼容性问题及其解决方案。 1. **DOCTYPE影响CSS处理**: ...

    折叠友情链接

    该方案提到兼容火狐和IE浏览器。这意味着在编写CSS和JavaScript时需要注意以下几点: 1. **CSS兼容性**:确保所使用的CSS属性在不同浏览器中的表现一致。 2. **JavaScript兼容性**:考虑到不同浏览器对DOM操作的...

    IE与火狐常见的区别

    ### IE与火狐浏览器常见区别及兼容性解决方案 在网页设计和前端开发领域,了解不同浏览器之间的差异至关重要,尤其在处理Internet Explorer(IE)与Mozilla Firefox(火狐)时,由于两者对某些CSS属性和HTML标签的...

    jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)

    这个插件通过绑定事件监听器来实现拖拽功能。主要涉及以下四个事件: 1. `mousedown`: 当鼠标按钮被按下时,这个事件会被触发。在这个事件处理函数中,我们初始化`_IsMove`为1,表示开始拖动,同时设置`_MoveObj`为...

    CSS3使用多列制作瀑布流

    `是一个针对火狐浏览器的私有前缀写法,确保了代码在火狐浏览器中的兼容性。`column-gap: 70px;`定义了列与列之间的间隙为70像素,而`-moz-column-gap: 70px;`则对应火狐浏览器的兼容性写法。`column-rule: 5px ...

    CSS样式表下FF与IE的区别

    在CSS样式表的应用中,Firefox(火狐浏览器)和Internet Explorer(IE浏览器)之间存在一些显著的差异。这些差异主要集中在盒模型、居中对齐、边框与背景、鼠标指针样式、以及脚本处理等方面。理解这些差异对于创建...

    div+css 布局常识 8问

    3. **火狐下文本无法撑开容器高度** 在Firefox等标准浏览器中,固定高度的容器不会被内部文本自动撑开。要解决这个问题,可以使用`min-height`替代`height`,并针对不支持`min-height`的IE6使用备选方案,如: ```...

    jquery左右全屏通栏焦点图效果

    对于火狐浏览器,由于其良好的CSS3支持,可以使用CSS3的`transition`属性实现平滑切换,同时为导航按钮添加圆角效果: ```css .next-slide, .prev-slide { border-radius: 50%; /* 圆形按钮 */ } .next-slide:...

    css 设置全屏背景图片

    火狐浏览器的拉伸效果较好,具有自动羽化图片细节的功能,而IE浏览器在图片拉伸时,像素点可能会变得较为明显,影响视觉效果。因此,建议使用高分辨率的图片作为背景,以减少拉伸时的失真问题。 总结来说,尽管CSS2...

    IE与FF的兼容问题

    以下列举了一些IE(Internet Explorer)与Firefox(火狐浏览器)之间的常见CSS兼容性差异及其解决方案。 1. **DOCTYPE的影响** DOCTYPE的选择对浏览器渲染模式有直接影响,这会影响到CSS的解析方式。标准模式和...

    上传图片时JS自动显示图片

    函数内部原本包含对浏览器代理的判断代码(未完整显示),这部分代码似乎是用来判断是否为火狐浏览器,并根据浏览器类型来决定如何设置图片显示。然而,文档中这部分代码被注释掉了,并且存在一些OCR扫描错误。不过...

    vue实现拖拽的简单案例 不超出可视区域

    // 解决火狐浏览器拖拽阴影问题 document.onmouseup = (e) =&gt; { document.onmousemove = null; document.onmouseup = null; } } } }); ``` 在这段代码中,首先定义了一个Vue实例,其中包含了拖拽元素的...

    FireFox浏览器和IE浏览器下CSS兼容问题

    - 包含浮动元素的容器在Firefox中可能会出现高度塌陷,使用`overflow:hidden`或`zoom:1`触发IE的布局属性,以实现跨浏览器的高度自适应。 11. **margin加倍问题**: - 设置为浮动的`div`在IE中可能出现`margin`...

    IE与Firefox的CSS兼容大全 推荐

    例如,FF(Firefox的简称)在div元素使用margin-left和margin-right属性设置为auto时可以实现水平居中,而IE浏览器则不支持这种居中方式。在这种情况下,需要通过其他方法,比如设置父元素的text-align属性为center...

Global site tag (gtag.js) - Google Analytics