UC知道关于CSS margin属性的一个小疑问
来源：百度知道 编辑：UC知道 时间：2024/07/01 04:13:32
<div style="width:100px;height:100px;border:#000 solid 1px;margin:210px 0px 0px 210px;"></div>
假如我把它修改为
<div style="width:100px;height:100px;border:#000 solid 1px;margin:210px 999px 999px 210px;"></div>
也就是div向右下偏移增加999px,为什么它的布局不会变呢?
只有margin-left跟margin-top会影响它的布局吗?
linglong1025大大,我仔细看了下,浏览器果然是撑开了.在IE和firefox下的表现形式不同哪.IE下宽度被撑开,firefox高度被撑开 - =.不过既然我是设置了margin的四个方位,它的偏移怎么不叠加上right跟bottom这两项呢?我的理解是,它的偏移应该为margin-left+margin-right,margin-top+margin-bottom,而不是现在的margin-left,margin-top.我这么理解应该是有偏差吧,能否再指点一下?!谢谢!
这个问题困扰我很久了,查了很多资料都没弄明白= =.
假如我把它修改为
<div style="width:100px;height:100px;border:#000 solid 1px;margin:210px 999px 999px 210px;"></div>
也就是div向右下偏移增加999px,为什么它的布局不会变呢?
只有margin-left跟margin-top会影响它的布局吗?
linglong1025大大,我仔细看了下,浏览器果然是撑开了.在IE和firefox下的表现形式不同哪.IE下宽度被撑开,firefox高度被撑开 - =.不过既然我是设置了margin的四个方位,它的偏移怎么不叠加上right跟bottom这两项呢?我的理解是,它的偏移应该为margin-left+margin-right,margin-top+margin-bottom,而不是现在的margin-left,margin-top.我这么理解应该是有偏差吧,能否再指点一下?!谢谢!
这个问题困扰我很久了,查了很多资料都没弄明白= =.
当然有影响啦。
你只是没注意到浏览器的滚动条而已，看看页面已经被撑开了。
在整屏的情况下浏览器是不会出现下拉滚动条和横向滚动条的。
你仔细看看。
这时IE和Firefox的实现区别，为了兼容性，一些网站刻意避免效果不同的属性。有些时候CSS中“!important”有利于区别二者。
建议你去看看W3SCHOOL网站的介绍：http://www.w3school.com.cn/
http://www.w3school.com.cn/css/css_boxmodel.asp