1.主意文件编码问题,否则会导致在某些浏览器出现乱码。<head>内要声明!!
2.当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。ie6中float和position一起用会出现意想不到的事。。。
解决方案:我们在IE 6内发现子元素会超出父元素设定的高度,即使父元素设置了overflow:hidden。
解决这个bug很简单,在父元素中也使用position:relative;即可解决该bug3.当用overflow:hidden;去撑开浮动元素的父元素时,若同时有position,overflow:hidden会失效
则要用zoom:1;来撑开父元素;
3.今天在处理页面边距时,又遇到这个问题,float元素在设定margin-bottom时在IE6和IE7下会失效。
解决方案 只要在浮动的最后一个元素后面加上 <div class="clearfloat"></div>消除浮动
4.ie6中定位元素神秘消失。
在进行网页布局设计的时候,经常会根据需要设置相对定位,绝对以及浮动定位最近突然发现了一个奇妙的现象:IE6下绝对定位元素神秘消失或被遮挡, 首先是IE绝对定位元素神秘消失,设置的绝对定位元素,突然从IE浏览器下消失了,然而火狐能正常显示. 尝试对绝对定位元素进行清除浮动操作,IE下能显示,但是出现了莫名的留白,火狐下正常显示.至少这个现象表明,绝对定位元素在IE6下神秘消失对相邻元 素的浮动定位有关.
查了相关资料,高人有这样的解释:
1.当绝对定位层的邻近浮动层的宽度不等于父层宽度时,以及没有清除浮动时,IE6/7,FF中显示一致;
2.当绝对定位层的邻近浮动层的宽度不等于父层宽度时,有清除浮动时,IE6/7不显示绝对定位层,FF显示; 3.当绝对定位层的邻近浮动层的宽度等于父层宽度时,以及没有清除浮动时,IE6不显示绝对定位层,IE7/FF显示; 4.当绝对定位层的邻近浮动层的宽度等于父层宽度时,有清除浮动时,IE6/7不显示绝对定位层,FF显示;要解决这个BUG的方法也很简单,让绝对定位层不挨着浮动层放置就好了,还有个更简单的方法,在绝对定位元素和其他元素之间加一个空白的div。
5.ie6中绝对定位不准确
IE6下相对定位元素(DIV)内绝对定位元素(DIV)的偏移定位Bug问题,即绝对定位元素的相对偏移元素是谁。一般情况下,是相对于父元素以上直到 DOCUMENT(默认已定位)的已定位元素(即position的设置)。但在IE6,IE5中出现的BUG却是定位在已定位元素的外围或以 DOCUMENT相对而言。在《精通CSS》30页上面有这样一段话:引用:相对于相对定位的祖先元素对框进行绝对定位,这在大多数现代浏览器中实现得很好。但是,在windows上的IE5.5和IE6中有一个BUG,如果试图相对于相对定位的框的右边或底部设置绝对定位的框的位置,那么需要确保相对定位的框已经设置了尺寸。如果没有,那么IE会相对于画布定位这个框。简单的解决方案时为相对定位的框设置宽度和高度。
但是,如果未添加宽度,那么浏览器可能给予父元素默认的100%宽度。而若未添加高度,在Firefox 3及IE 6下都无法看到绝对定位的子元素的。也就是说,IE 6下绝对定位子元素并没有相对于画布定位。
6.ie6中空文本节点占位导致padding增大。
解决方案@#¥%……&*(@#¥%……&*(@#¥%……&*( display:inline;