UC知道IE6,IE7，CSS问题.
来源：百度知道 编辑：UC知道 时间：2024/05/23 20:10:28
其中出问题的代码：
<div id="logging">
<img src="index/images/xinshou.jpg" />
<img src="index/images/xinshou.jpg" />
<img src="index/images/xinshou.jpg" />
</div>
CSS:
#logging {
margin-top: 10px;
margin-left: 10px;
float: left;
height: 200px;
width: 210px;
}
#logging img {
float: left;
clear: both;
}
图片每张宽:210px, 高60px; 3张图片3行排在#logging中。
为什么在IE6下，前2张图片都在#logging内，但第三张图片 跑出#logging,
跑到下面一行去了。在IE7我FF下都没问题。
<div id="logging">
<img src="index/images/xinshou.jpg" />
<img src="index/images/xinshou.jpg" />
<img src="index/images/xinshou.jpg" />
</div>
CSS:
#logging {
margin-top: 10px;
margin-left: 10px;
float: left;
height: 200px;
width: 210px;
}
#logging img {
float: left;
clear: both;
}
图片每张宽:210px, 高60px; 3张图片3行排在#logging中。
为什么在IE6下，前2张图片都在#logging内，但第三张图片 跑出#logging,
跑到下面一行去了。在IE7我FF下都没问题。
这个是css的hack
原因是三种浏览器解析的核心不同 所以有些细节会不同
当然 这个问题很好解决
定义宽度的时候这么写：width:210px;*width:210px;_width:???px
三种分别是给FF IE7 IE6定义了宽度
你只要在_width：那里填好值就可以了
你可以试着填比210大的值 慢慢加 知道IE6正常为止
还有什么问题可以继续问我 祝你好运啦!
应该是IE6的BUG
我在本机测试没问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME=