好不容易,今天找到了个关于DIV+CSS的教程,本来想学着做下拉框的,可是,下拉框,虽然,DIV可以做一点,但是还是要通过JS来调节。哎,看来,还得学JS。真是 盐城网站优化学无止尽啊。还好,在DIV+ css里, 学到了一点东西,了解到了。IE6中的3像素BUG,什么叫,3像素BUG呢。就是,当浮动元素和非浮动元素相邻时,也可以称作为两DIV,一个浮动,一个不浮动的时候,他们两个DIV相邻,这时候,3像素BUG就出现了。他会显示出,中间3像素的 空隙,缝隙,这两个DIV不 紧靠了。
解决办法,一是使两个DIV都浮动起来。
二:给他们固定宽度,让他们正好在浏览器显示也可以。
三:比较好用的,也是在DIV+css中学到的,在前面个DIV中的CSS样式 添加如下字样 _margin-right:-3px,比如,我的两个DIV的ID分别是menu1和menu2,这时候,我让menu1左浮动,第二个默认不浮动,这时候就应该这样写 :#menu1 {float:left; height:*** ; width: ***;_margin-right:-3px},"***"为自己定义的数值内容。注意这里的margin-right 前面加一个"_",还要注意的是,在两个div的 前一个div样式(比如我的menu1)中加。这种方式,是专门针对IE6的,IE7和FF下也能正常显示。
 
这种方法,是不是,更好用了,大家自己试试吧。
文章作者:wugang
本文地址: http://www.0515-seo.com/20110428221345.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!