`

IE7下overflow:hidden失效的问题

    博客分类：
  • css
 
阅读更多
#container {
    position: relative; /*设置为relative即可*/
    border: 1px solid red;
    overflow: hidden;
}
IE7下， 设置overflow:hidden失效时，只需把position设置为relative即可。
分享到：
| jsoup cookie 保持
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    IE overflow:hidden失效的解决方法

    overflow:hidden失效 当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidden属性就...IE下CSS溢出隐藏失败(IE overflow:hidden失效) 复制代码代码如下: ”slides-pic”> <

    IE6 Bug overflow:hidden失效

    总之，`IE6 Bug overflow:hidden失效`是一个经典且知名的CSS兼容性问题，它涉及到`position:relative`与`overflow:hidden`的交互。通过为父元素添加`position:relative`可以修复此问题，但这也可能带来其他的布局...

    IE8 css overflow:hidden不起作用

    原来这样设置，IE6、IE7、FF都是可以实现的，但IE8不可以，原因是IE把overflow:hidden禁止了。如果实现同样的效果，要添加样式display:inline-block;height:30px;/*高度是想要设置的高度*/这样就可以实现了。

    解决IE6,IE7不能隐藏(overflow:hidden)绝对定位溢出的内容

    令人蛋疼的IE，IE6/IE7下父元素有相对/绝对定位时，子元素在IE6和IE7下overflow:hidden;失效。 情况一：（在parent上增加position:relative） 复制代码代码如下: <style type=”text/css”> .parent{ width:...

    ie6、ie7下overflow失效的有效解决方法

    但在IE6和IE7这两个旧版本的浏览器中，当父元素设置了overflow: hidden属性，并且子元素应用了position: relative或position: absolute定位属性时，就会出现overflow属性失效的情况，即无法隐藏溢出的子元素内容。...

    css overflow溢出隐藏(文字溢出时的自动隐藏处理)

    需要注意的是，text-overflow属性在IE6+浏览器中是作为一个专有属性，它并不被所有浏览器支持。开发者在使用时需注意兼容性问题。 对于表格而言，table对象中的td元素溢出行为也受到overflow属性的影响。如果table-...

    IE6 两个div有间隙的问题（IE 3px bug）

    总结起来，解决IE6 3px Bug的一种有效方法是使用`overflow:hidden`，它在大多数情况下能避免浮动元素间的额外间距，同时保持页面布局的稳定。尽管这种方法可能导致内容部分被隐藏，但它在没有其他兼容性问题的场景下...

    css浏览器兼容问题

    9. **IE6-7图片下有空隙问题**： 可以通过让`</div>`与`<img>`在同一行、设置`display:block;`、`vertical-align:top/middle/bottom;`、`overflow:hidden;`或`float:left;`来消除图片下方的空隙。 10. **IE6双倍...

    ie特有bug文档

    - **问题描述**：在IE6/7中，设置`body { overflow: hidden; }`后，并不能真正隐藏滚动条。 - **解决方案**：通过设置`html { overflow: hidden; }`来确保滚动条被正确隐藏。 ##### 3. **HasLayout属性的高度问题**...

    浏览器兼容问题汇总v1.0

    #### 十二、`overflow: hidden`失效问题 在IE7中，如果父元素使用了`overflow: hidden`并且子元素采用了绝对定位，那么该属性可能不起作用。 **解决方案**： - 在使用`overflow: hidden`的元素上添加`position: ...

    ie的常见兼容问题

    例如，为了让文本能够在单词内部换行，通常会使用`word-wrap: break-word`，但在IE中需要额外设置`overflow`属性，如`overflow: hidden`或`overflow: auto`来确保效果正常。 2. **Conditional Comments（条件注释...

    前端处理浏览器兼容问题

    #### 十五、IE6-7`line-height`失效的问题 **问题**：在IE6-7中，当`<img>`标签与文字放在同一行时，`line-height`可能不起作用。 **解决方法**：将元素设置为浮动。 ```css img, p { float: left; } ``` #### ...

    IE中css样式设置height无效的解决方法

    虽然从IE7开始，默认情况下浏览器应遵循W3C的标准盒模型，但在特定条件下，如DOCTYPE声明不正确或缺失时，IE仍然可能采用怪异盒模型，从而引发`height`设置失效的问题。 其次，当`height`设置失效时，一个常见的...

    浏览器兼容问题

    **解释**：通过将元素设置为浮动可以解决 IE6-7 中 `line-height` 失效的问题。 #### 十六、td 自动换行的问题 **问题描述**：当表格的宽度固定时，`td` 内容会自动换行。 **解决方案**：设置 `table` 的 `word-...

    项目笔记项目笔项目笔记记

    - **Margin 失效**：在某些情况下，例如当元素使用 `display:table-cell` 时，可能会出现 margin 失效的情况。这时可以通过调整 `display` 属性或者使用 `padding` 来代替 `margin` 解决。 - **Overflow 与 Padding*...

    IE6兼容性问题及IE6常见bug详细汇总

    通过设置父级的`overflow: hidden`，或者将图片的`display`属性设置为`block`，或在IE6下使用`_margin: -5px`可以消除此空白。 10. **`li`元素之间的间距**：列表项`li`之间存在间距，可以使用`float: left`消除。 ...

Magicbox
Global site tag (gtag.js) - Google Analytics