margin与padding ie跟火狐有什么区别?
1个回答
展开全部
尊敬的用户,您好!很高兴为您答疑
margin:容器的外边距,padding:容器内边距。
这2个属性在IE和firefox下本身并无很大区别,但是这是针对IE7以后版本的IE而言。
实际开发中,IE对margin的兼容性不是很友善,尤其使用浮动定位时(float)。
具体说明可以参考以下资料:
1、IE与Fire Fox识别CSS属性区别标签 !important
#page_body{ width: 1000px !important; height:30px !important;
width: 980px ; height:36px ; }
以上样式在IE6/7中只执行width: 980px与height:36px FireFox中则优先执行带有!important标签的CSS行width: 1000px与height:30px。
2、div居中区别
FF:margin:0 auto 0 auto !important; IE:margin:0 auto;
FF: div 设置 margin-left, margin-right 为 auto 时已经居中。
3、文本内容居中
FF:margin:0 auto 0 auto !important;text-align:center IE:text-align:center
FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
4、width与margin,padding之间的宽度计算问题区别
ie:{width: 600px;margin:10px;padding10px;}
在Firefox中应修改为:FF{width: 560px;margin:10px;padding10px;}
也就是说在FF中,margin,padding的左右值也要算在width中,600-10×2-10X2=560px。
希望我的回答对您有所帮助,如有疑问,欢迎继续咨询我们。
margin:容器的外边距,padding:容器内边距。
这2个属性在IE和firefox下本身并无很大区别,但是这是针对IE7以后版本的IE而言。
实际开发中,IE对margin的兼容性不是很友善,尤其使用浮动定位时(float)。
具体说明可以参考以下资料:
1、IE与Fire Fox识别CSS属性区别标签 !important
#page_body{ width: 1000px !important; height:30px !important;
width: 980px ; height:36px ; }
以上样式在IE6/7中只执行width: 980px与height:36px FireFox中则优先执行带有!important标签的CSS行width: 1000px与height:30px。
2、div居中区别
FF:margin:0 auto 0 auto !important; IE:margin:0 auto;
FF: div 设置 margin-left, margin-right 为 auto 时已经居中。
3、文本内容居中
FF:margin:0 auto 0 auto !important;text-align:center IE:text-align:center
FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
4、width与margin,padding之间的宽度计算问题区别
ie:{width: 600px;margin:10px;padding10px;}
在Firefox中应修改为:FF{width: 560px;margin:10px;padding10px;}
也就是说在FF中,margin,padding的左右值也要算在width中,600-10×2-10X2=560px。
希望我的回答对您有所帮助,如有疑问,欢迎继续咨询我们。
Storm代理
2023-07-25 广告
2023-07-25 广告
StormProxies是一家可靠的代理服务提供商,提供原生IP(住宅原生IP)和高匿名代理服务。以下是关于StormProxies的原生IP服务的一些信息:1. 住宅原生IP:StormProxies提供的住宅原生IP是指从真实的家庭或企...
点击进入详情页
本回答由Storm代理提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询