CSS对应的简单图像在IE和chorme浏览器的显示不一样,求解答

代码是<style>#a{width:190px;background:red;}#b{width:50px;height:50px;background:blue;ma... 代码是
<style>
#a{width:190px; background:red;}
#b{width:50px;height:50px;background:blue;margin-top:6%;margin-bottom:6%;}

</style>
<BODY>
<div id="a"><div id="b"></div></div>
</BODY>

A是IE下显示的效果,B是chorme下显示的效果,(我想让chorme显示的和IE一样,该怎么办?)

求高手解释chorme为什么会这样显示?chorme显示给我的感觉是:chorme没有把<div id="a">当做<div id="b">的父元素
或者是我哪儿理解错了?
用px的话也会出现这样的问题 后来知道在div a加入overflow:hidden就可以了,但是不知道为什么,hidden是代表隐藏,为什么反而显示了呢
展开
 我来答
whxiaohuaidan
2010-10-13
知道答主
回答量:2
采纳率:0%
帮助的人:0
展开全部
本身他们就是不同的浏览器。 解释的就不一样。这是困扰程序员的兼容问题!

如果你想让他们两个一样的话。把margin 改成padding就可以了。保证一样。

margin叫边界手册上叫外补丁,padding是填充内补丁,在他们之间有一个边界border。padding包围的就是content,

那么这个盒子是不是就是最外层的div,按照从外到内,margin,border,padding,content?这个margin是不是和border的距离?

二,比如说最外层height:800px;width:800px;margin:1px 1px 1px 1px;其他忽略,content是不是距离最外层的div都是1px?那么content就是798px;798px;如果margin为1,border为1,那么content距离margin是不是就2px,因为中间多了一个border为1。content的大小为796,796。

三,如果margin为1,padding为1没有写border,content的大小为798,798。

四:margin和padding是不是都有填充的意思。为什么我总感觉padding和margin通用,都是把content范围缩小。
paperstudio
2010-10-13 · TA获得超过543个赞
知道小有建树答主
回答量:762
采纳率:0%
帮助的人:424万
展开全部
margin-top:6%;

像这种百分比的的数据,尽量少用,很多浏览器解析都不相同,最好用px
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
xiaojie__007
2010-10-13 · TA获得超过162个赞
知道小有建树答主
回答量:268
采纳率:0%
帮助的人:100万
展开全部
各浏览器 对代码的解析是不一样的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式