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是代表隐藏,为什么反而显示了呢 展开
<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是代表隐藏,为什么反而显示了呢 展开
3个回答
展开全部
本身他们就是不同的浏览器。 解释的就不一样。这是困扰程序员的兼容问题!
如果你想让他们两个一样的话。把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范围缩小。
如果你想让他们两个一样的话。把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范围缩小。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询