IE6 两个div有间隙的问题(IE 3px bug)

在IE7中两个div是紧挨着的,但是在IE6中会出现两个div之间出现3px左右的间隙
已存在解决方法:利用float和margin的负值偏移来实现,这两种方法虽好,但是对于前一种方法如果这两个div包含在另一个div中,且这个div已经float的话,这个方法是无效的。

本题目采用方法:即在其中的某个div的css中增加overflow:hidden;(OVERFLOW:hidden---这样超出部分会自动隐藏,这样做不好的地方是就是这部分的信息显示不完全,比如图片只显示了一部分. 但是页面布局不会乱.要注意的是,使用overflow的时候,一定要定义width,百分比或者具体值都可以.)即可,这样在IE6和IE7中都能有效的显示。

实现:这里也采用上面参考中的例子,其中例子中的id=left的div的样式按一下定义即可。

复制代码
代码如下:

#left {
overflow:hidden;
width:200px;
height:100px;
background:#f00;
}
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

本文章向码农介绍CSS实现div水平垂直居中的五种方法,分别是css vertical方法,css Flexbox方法,css transform与绝对定位方式,css vertical-align方法,display:inline-block方法。需要的码农可以参考一下本文章。
css如何将div实现全屏水平垂直居中,本章节介绍一下如何将一个div元素在整个网页内实现水平垂直居中效果,代码是最有说服力的,直接看代码。
在布局一个网页时,非常重要的是一般网页主体布局都是水平居中的,其实就是对最外的DIV层设置居中布局,这时布局居中就是我们这里要介绍关键点。
css居中包括两个方面,一个是html元素居中,比如div盒子居中。另一个是html元素内容居中,比如一个div盒子里面有一些文字,设置这些文本在div中居中显示。本文章向码农介绍这两只居中改如何实现以及实现的具体css代码。
我们大家都知道,margin:0 auto可以使div水平居中,但有的时候,我们明明为div设置了margin:0 auto,但仍然不取作用。本文章向码农介绍一下margin:0 auto不居中的几个原因。需要的可以参一下。
在css中,div属于块级元素,在不对div设置任何样式时,div独占一行。当内容没有占满一行时,div宽度仍然是一行的宽度,而并非内容宽度。本文向大家介绍div宽度如何随内容自适应。需要的码农可以参考一下。