当前位置：首页 → 问答吧 → 被这个css兼容性搞晕了

被这个css兼容性搞晕了

时间：2011-06-07

来源：互联网

HTML code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD><TITLE>哦</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<style>

.blank{
 float:left;
 height:45px;
 width:1px;
 clear:both;
}
.ad{ 
WIDTH: 498px; HEIGHT: 60px;BACKGROUND: #cccccc; 
 float:left;
 margin-top:15px;
 margin-right:5px;
 clear:both;
}
 
</style>
</HEAD>

<BODY>
<div  id="content">
<div class="blank"></div>
<div class="ad"></div>　作为一个妈妈，不能让宝宝挨饿；作为一个女人，也应注意自己的形象。因而，不少网友提出了一些有建设性的意见。

　　■火三每：哺乳期的时候对于孩子你是“母亲”，但是不要忘了对于别人你仍然是个“女人”。做个伟大的母亲和优雅的女人两者并不矛盾，适当的遮挡是尊重别人也是尊重自己。

　　■末日泰坦：我觉得某些厂商或是服装设计师是不是可以设计一些方便母亲在公共场所给孩子喂奶的遮挡服装或是工具呢？妈妈们夏天出门的话，也可以随身携带个折叠、宽边的大帽子，喂奶时戴上大帽子稍微低下头。

　　■美丽冬青：孩子还在哺乳期，就尽量少出门，如果非要出门就快点回来。如果真在外面，孩子还饿了，还是找个角落比较好，不然就带个专用的披肩。

　　■坐棺材板上看月亮：本身迫不得已当众哺乳的妈妈，自己也是很尴尬的。但是只要你的一个转身或是一个回头，就可以避免了别人的尴尬，何乐而不为？

　　■爱吃蛋糕的猫猫咪：其实我们的社会应该更加人性化起来，在大商场这种地方应该有个育婴室是最好的了。

　　他山之石：无处不在的育婴室 

　　不可否认，在公共场合提供育婴环境，国外和一些地区要比我们做得好一些。在讨论中，网友“只在乎在乎的”讲述了自己在国内外的不同体验。她说自己是个逛街狂，可自从有了孩子后，逛街就很不方便，因为大多数商场里都没有提供育婴室，只能像冲锋一样扫荡一遍再急急忙忙赶回家喂奶。

　　孩子百天后，她带着宝宝经由东京飞往美国。在东京转机时，登机口对面就有哺乳室，宝宝只要饿了，就可以从容地走到哺乳室里，坐在舒适的沙发上，听着房间里传来的低低的音乐，安静坦然地喂奶。哺乳室里还有宝宝纸尿裤，所有设施一应俱全。再到了美国后，几乎所有的MALL里都有哺乳室、家庭卫生间，带着孩子逛街也很方便。她希望国内的商场也能开辟一块地方作为育婴室，这样不但人性化，还能提高商场的人流量。
</div>
 



</BODY>
</HTML>

第一张图是IE8下的效果：

我希望IE8也是FF一样的效果。该怎样改？

下面这张图是FF下的效果：

作者: missccc 发布时间: 2011-06-07

.ad{
WIDTH: 498px; HEIGHT: 60px;BACKGROUND: #cccccc;
float:left;
margin-top:15px;
margin-right:5px;
clear:both;
}
把 margin-top:15px;去掉不是可以吗？

作者: xiaoxiaoo7 发布时间: 2011-06-07

引用 1 楼 xiaoxiaoo7 的回复:

.ad{
WIDTH: 498px; HEIGHT: 60px;BACKGROUND: #cccccc;
float:left;
margin-top:15px;
margin-right:5px;
clear:both;
}
把 margin-top:15px;去掉不是可以吗？

嗯，MARGIN-TOP:15PX;去掉就好了。。

作者: tcwsyt 发布时间: 2011-06-07

去掉肯定不行
去掉的话，FF就被遮挡了。

作者: missccc 发布时间: 2011-06-07

遮挡？为何我FF下没问题。。

作者: tcwsyt 发布时间: 2011-06-07

IE6就是那样的遮挡。
你用IE6试试看。

作者: missccc 发布时间: 2011-06-07

还真有。。先吃饭了，等下看看。。

作者: tcwsyt 发布时间: 2011-06-07

MARGIN-TOP:15PX;去掉的话，只对IE8有效。
IE7、IE6、FF
都被遮挡

作者: missccc 发布时间: 2011-06-07