web前端开发中浏览器兼容问题（二）
6.DIV浮动IE文本产生 3px 的问题 • 左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距. #box { float:left; width:800px; } #left { float:left; width:50%; } #right { width:50%; } *html #left{ margin-right:-3px; //这句是关键 } <div id="box"> <div id="left"></div> <div id="right"></div> </div> 显示区别 7.高度 不适应 问题 • 高度不适应是当内层对象的高度发生变化时，外层高度不能自动进行调节，特别是当内层对象使用了margin或padding时。 例： • 解决办法：在P对象前后各加一个div对象，对这个div对象添加一个border属性即可。 8.IE图片下有空隙产生问题 • 解决这个BUG的方法也有很多,可以是改变html的排版,或者设置img 为display:block 或者设置vertical-align 属性为 vertical-align:top | bottom |middle |text-bottom 都可以解决. 9.对齐文本与文本输入框问题 加上 vertical-align:middle; <style type="text