网友小白分享CSS浏览器兼容问题总结
今天这些CSS兼容本想在IE上测试的，一发现IE都11了，不过还是有些收获的。
1.Div的垂直居中问题,以前以为只有text-align，vertical-align:middle+ line-height:DIV的高度；但是文字不能换行；
2.margin加倍的问题，处理这个的办法display:inline;
3.浮动ie产生的双倍距离，display:inline; 使浮动忽略；
4.IE与宽度和高度的问题，要解决这个问题，可以这样：#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}
5.DIV浮动IE文本产生3象素的bug，用这种方法*html#left{ margin-right:-3px; //这句是关键}
6.float的div闭合,有点不明白，明天再看看其他的介绍、
7.IE6下为什么图片下有空隙产生 解决这个BUG的方法也有很多,可以是改变html的排版,或者设置img 为display:block 或者设置vertical-align 属性为 vertical-align:top | bottom |middle |text-bottom 都可以解决.
8.LI中内容超过长度后以省略号显示的方法 ，<style type="text/css"> <!-- li {width:200px; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;} --> </style>
9.为什么web标准中IE无法设置滚动条颜色了，这个还不懂
10.怎么样才能让层显示在FLASH之上呢 解决的办法是给FLASH设置透明 <param name="wmode" value="transparent" />
11.怎样使一个层垂直居中于浏览器中 这里我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二 <style type="text/css"> <!-- div { position:absolute;top:50%;lef:50%;margin:-100px 0 0 -100px; width:200px;height:200px;border:1px solid red; } --> </style>
如果您觉得本文的内容对您的学习有所帮助：
关键字：
网友小白 div+css 浏览器兼容