UC知道网页制作 css+div 兼容等问题 耐心的老师请进
来源：百度知道 编辑：UC知道 时间：2024/05/27 06:38:48
我刚刚开始学的css+div。菜鸟中的典型代表。
问题1.在自己机子上可以正常的显示，可是复制到别人的机子上，同样的浏览器下面竟然不能正常显示了。
问题2.在ie8下面header层和body层正常，但在ie7，360等浏览器中却会在中间有一个两三像素的间隔，一直没有找到原因。
在线等，可以追分 QQ：417770714
第一个问题已经解决了，原来是<head></head>中“<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />”的问题，我之前的是charset=utf-8，改成gb2312就好了
第二个问题：
问题1.在自己机子上可以正常的显示，可是复制到别人的机子上，同样的浏览器下面竟然不能正常显示了。
问题2.在ie8下面header层和body层正常，但在ie7，360等浏览器中却会在中间有一个两三像素的间隔，一直没有找到原因。
在线等，可以追分 QQ：417770714
第一个问题已经解决了，原来是<head></head>中“<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />”的问题，我之前的是charset=utf-8，改成gb2312就好了
第二个问题：
在body {margin:0;padding:0;}试试。
问题1. 同样的浏览器有版本不同之分，不如同是IE8，也有不同的更新版本（子版本）
版本：8.0.6001.xxxxx（x部分有所不同或6001有所不同，注意比较）
=================================================================
问题2. 两个都是div之类的层的话产生间隔可能是margin属性造成的。
你可以在样式表里加入 “* {margin:0 auto; padding:0;}”来试试看。
注意：<img src="xxx" />“回车或空格”<img src="xxx" />这样两个图片会产生间隔，<img src="xxx" /><img src="xxx" />这样就不会产生
问题2是IE6，7的bug，他会在两个相邻的div间产生3px的空隙，解决方法是对两个层都浮动就好了，或者对第一个层应用_margin_right:-3px;注意下划线，否则在firefox里又少了3px了。
A1:代码发来
A2:header层是什么<head>??
截图说明一下```
第二个问题是浏览器BUG，
你去百度上搜索：CSS黑板报
然后进第一个，里面有篇3px bug的解决方法，你就能知道为什么会这样了
但是现在能解决3px bug的办法也就hack吧，你可以在里面找到hack的方法，然后修复下就好啦
在代码里面加个 display:inline; 试下吧~