`
victorwmh
  • 浏览: 212843 次
  • 性别: Icon_minigender_1
  • 来自: 宇宙
社区版块
存档分类
最新评论

IE6下div内有浮动元素时边框显示不完整

    博客分类:
  • web
阅读更多

在用DIV+CSS切页面时,会经常遇到一个问题,把div容器的border设置为1px,容器里面的内容设置了float属性。在IE6下,容器的边框在渲染的时候总有残缺,显示不完全,感觉若隐若现。但是把鼠标放上去,晃动一下就没有问题,马上就显示完整。在IE7和Firefox下都没有这种问题:

.

 

解决方法:为这个容器DIV定义一个背景颜色background:#fff;
至于为什么定义背景颜色会影响IE6对IDV的渲染,甚至连IDV显示高度都会出现变化,暂时不得而知。

分享到:
评论

相关推荐

    IE6中列表挡住div的解决

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

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

    首先,我们分析标题和描述中提到的情况,即`div`下的`li`元素分两列显示时,边框显示不完整。这种问题通常与CSS布局和浏览器渲染有关。`li`元素是列表项,常用于创建有序或无序列表,而`div`则常用来包裹这些列表,...

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

    当容器内有浮动元素时,可能需要使用`overflow: hidden;`或`zoom: 1;`来触发IE的布局属性,确保容器能包裹住其内部的浮动元素。 9. **浏览器前缀**: 对于CSS3属性,各浏览器可能需要特定的前缀,如`-webkit-`,`...

    firefox与ie css+div兼容大全

    13. **容器的包容关系**:当容器内有浮动的子元素时,IE可能会因子元素的宽度而改变容器的宽度。确保测量精确的像素值,并根据需要设置容器的固定宽度或使用负的`margin`来调整。 以上这些技巧和解决方法都是为了在...

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

    3. **浮动与清除**:IE6-8在浮动元素的处理上也有问题,可能会导致高度塌陷。可以使用`clearfix`类或者`zoom:1;`触发hasLayout解决。对于`clear:both;`,IE6可能需要特别处理。 4. **CSS Hack**:为了解决特定...

    DIV+CSS网页中IE和火狐兼容问题的整理

    - IE6有时会出现“双倍边距”问题,当浮动元素的`margin`值为`0 auto`时,左右边距会加倍。 - Firefox对浮动元素的处理更为标准,不会出现此类问题。 解决方法:为浮动元素添加`display: inline-block`或`zoom: ...

    CSS在IE6下不起作用,没有效果

    其次,IE6不支持一些CSS选择器,例如类选择器的组合(如`div p`或`div .class`)、伪类(如`:hover`,在非链接元素上无效)、以及`:first-child`等。这意味着在编写CSS时,可能需要为IE6提供专门的规则,通常通过...

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

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

    div+css_兼容ie6_ie7_ie8_ie9和FireFox_Chrome等浏览器方法

    - **容器宽度**: 当容器内包含多个浮动元素时,容器宽度可能会出现问题。确保使用精确的尺寸测量工具来确定容器的宽度,并适当调整。 #### 13. 动态内容高度 - **动态内容**: 对于动态添加的内容,最好不定义高度...

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

    - 当内层`div`宽度超过外层容器时,可能导致容器宽度被撑开。确保精确测量并设置宽度,或者使用百分比宽度以适应不同浏览器。 13. **高度动态问题**: - 动态内容高度最好通过JavaScript或CSS Flexbox进行处理,...

    (十年积累)div+css 完全兼容ie6 ie7 IE8 IE9 和firefox方法.pdf

    - 默认情况下,Firefox会给`ul`添加内填充,而IE只有外边距。清除默认样式`ul{margin:0;padding:0;}`可解决大部分问题。 8. **浮动元素闭合** - 使用浮动的`div`可能导致后续元素跟随浮动,为避免此问题,需使用`...

    DIVCSS布局:CSS浮动float属性详解.doc

    当一个元素的父级元素内有浮动元素,而父级元素没有指定高度时,可能会导致父级元素高度塌陷,即父级元素无法完全包含其内部的浮动子元素。为了解决这个问题,我们可以使用`clear`属性,或者在父元素上添加伪类(如`...

    IE6.0、IE7.0 与FireFox CSS兼容的解决方法

    9. **浮动元素的margin加倍**:在IE6中,浮动元素的`margin`可能会被错误地加倍。通过设置`display:inline;`可以修复这个问题。 10. **容器的宽度问题**:在平行布局中,IE的外层容器可能会被内部更宽的浮动元素挤...

    DIV CSS最有可能遇到的八个面试问题

    - **IE6 双重边距问题**:在IE6中,当一个元素同时应用了`hover`和`active`时,可能会出现“双重边距”问题,即元素的边距或边框被重复计算。 - **解决方法**:确保CSS中`hover`和`active`的选择器顺序正确,并且...

    css+div自适应窗口宽度

    这里展示了另一种自适应布局的方式,通过浮动元素和固定宽度来分配页面空间。 最后的代码示例中,`.wrap_l`, `.wrap_m`, 和 `.wrap_r`三个类分别代表左、中、右三栏布局。`.wrap_l`和`.wrap_r`分别设置为固定宽度并...

    div+css 兼容性总结

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

    DIV+CSS常见错误汇总

    在某些情况下,如果不使用`clear`属性,后续元素会与浮动元素重叠,尤其是针对Mac和IE浏览器的兼容性问题。正确使用`clear`属性或clearfix方法,可以避免此类布局问题。 ### 6. 浮动元素的宽度 未指定宽度的浮动...

    div+css兼容所有浏览器的一些注意事项

    13. **容器的宽度问题**:当容器内有浮动元素时,IE可能会被更宽的子元素挤压。为了解决这个问题,可以使用`overflow:hidden;`或者`clearfix`类来确保容器包含所有的浮动元素。 14. **浏览器前缀**:对于一些高级...

Global site tag (gtag.js) - Google Analytics