`

(转)IE加浮动(float)后,滚动时边框(border)消失解决办法

阅读更多

外侧的div用来做边框 里边的ul设置float:left; 刷新页面之后的效果在ff下是正常的 ie6.5下就会出现部分边框消失的问题
解决办法:(下面方法任选一种)

(1)给父元素加个background:#fff;
(2)给你的外容器加上zoom:1;让ie6产生haslayout,这样就不会有问题了。
(3)给外容器加定宽,并溢出隐藏 width:100%; overflow:hidden;
转:http://hi.baidu.com/chinad120/blog/item/bb08711e722b1cff1ad57661.html


.bd{
    width:100%; overflow:hidden; //这种会把容器撑大。。。
}
.bd{
    background:#fff; //没有特殊需要这个比较好
}
.bd{
    zoom:1; //这个属性ie特有 容器里面有图片可能会出问题
}
分享到:
评论

相关推荐

    IE6中有一个BUG叫border边框断线现象(border边框部分消失)

    这种问题主要发生在具有浮动元素(float:left或float:right)并且需要清除浮动(clear:both)的容器中,当页面产生滚动条时,最外层容器的边框可能会消失。 导致这一问题的具体原因至今仍不完全明确,但一般认为与...

    解决border-radius失效问题

    4. **定位和浮动**:`position`设为`absolute`、`fixed`或`relative`以及`float`属性可能会影响元素的渲染,导致`border-radius`失效。确保正确管理元素的定位和浮动。 ```css div { position: static; /* 默认值...

    css浮动 float属性详解

    浮动(float)是CSS布局中的一个重要概念,它使得元素能够脱离正常文档流,向左或向右移动,直至其边框接触到包含框或另一个浮动元素的边框。这个特性最初设计是为了实现图文环绕效果,但现在在网页布局中有着广泛的...

    HTML 布局 浮动 位置移动 和 边框盒子模型例子

    当一个元素被设置为浮动(如`float: left`或`float: right`),它会脱离正常文档流,向左或向右移动直到碰到容器边框或另一个浮动元素。浮动元素会影响到周围元素的位置,这在创建自适应布局时非常有用。 位置移动...

    DIV border边框显示不完全问题的解决方法

    1. **浮动元素**:如果`li`元素设置了浮动(如`float:left`或`float:right`),可能会导致父元素`div`无法正确包裹它们,进而影响边框的显示。解决方法是使用clearfix类或者设置`overflow:hidden`来触发块级格式化上...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.pdf

    针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器",这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**: DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...

    js浮动层制作在线客服float浮动层固定在浏览器左侧

    在这个特定的场景中,我们讨论的是如何使用JavaScript来创建一个“浮动层”或者叫“float浮动层”,通常是为了实现在线客服功能,让用户在浏览网站时能方便地与客服人员进行交流。 首先,我们要理解浮动层的概念。...

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

    ### CSS解决IE6、IE7及Firefox兼容性问题详解 #### 一、引言 随着互联网技术的发展,浏览器种类日益增多,其中Internet Explorer (IE) 和 Firefox 是早期非常流行的两款浏览器。尤其在2000年代中期,IE6、IE7 和 ...

    CSS-float详解.pdf

    例如,当一个浮动元素向左浮动时,可能会覆盖到后面的元素,导致后者从视图中消失。 ##### 3.3 清除浮动(Clearing) 为了防止元素之间的重叠,可以使用`clear`属性来确保一个元素不会出现在其他浮动元素旁边。`...

    纯css控制内容随滚动条滚动,可放任意位置

    在网页设计中,有时我们需要创建一种效果,使得某些元素如客服图标或浮动菜单在用户滚动页面时始终保持在屏幕的特定位置。这个需求可以通过纯CSS来实现,无需借助JavaScript或者其他复杂的技术手段。标题“纯css控制...

    IE6中列表挡住div的解决

    当一个列表(`<ul>`或`<ol>`)和一个`<div>`元素相邻时,如果列表的宽度加上边框和内边距超过了其容器的宽度,IE6可能会让列表项(`<li>`)溢出并遮挡后面的`<div>`。 解决这个问题有几种常见的方法: 1. **CSS ...

    qq浮动代码

    2. **CSS盒模型(Box Model)**:理解CSS盒模型对于布局至关重要,包括内容(content)、内边距(padding)、边框(border)和外边距(margin)。在不同浏览器间,尤其是IE6,盒模型处理方式有差异,需要特别注意。 3. **...

    firefox不显示border通过清除float便可解决

    主要是float属性引起的,清除float的就可以了。...这个结构,box_left和box_right左右浮动,box_bottom有border,在IE下显示都是好的,但是Fierfox不显示边框,只要给box_bottom的CSS里加个clear:both;就解决了。

    JS实现图片无缝滚动的完美解决

    在探讨“JS实现图片无缝滚动的完美解决方案”这一主题时,我们主要关注的是如何通过JavaScript技术,结合HTML和CSS,创建一个视觉上无间隙、流畅的图片滚动效果。这一技术在网页设计中尤为关键,尤其是在广告轮播、...

    1.04 浮动和和盒模型

    边框(border)是元素的边框,设置边框可以通过 border 属性来实现,例如:border-width、border-style 和 border-color 等。 浮动和盒子模型是 CSS 中两个非常重要的概念,它们可以帮助我们更好地布局网页,并且...

    css float left布局换行不正常问题的解决

    float属性是一种非常有用的CSS布局方式,它允许元素向左或向右浮动,直到它的外边缘碰到包含框或另一个浮动元素的边框为止。使用float属性可以实现文字环绕图片的效果,或者是创建多列布局等。 然而,在浮动布局中...

    div+css 完全兼容 样式兼容性 ie6 ie7 IE8 IE9 和firefox方法

    2. **盒模型兼容性**:IE6-8使用的是“怪异盒模型”,其中元素宽度包括了内边距和边框,而其他浏览器遵循W3C标准盒模型。解决方法是在CSS中使用`box-sizing:border-box;`或针对IE使用`*html`或`_width`前缀。 3. **...

Global site tag (gtag.js) - Google Analytics