石家庄做网站,石家庄网站优化,石家庄网络推广,石家庄网络公司
当前位置:主页 > 新闻资讯 > 建站经验 >

margin和padding属性不起作用的原因

发表日期:2020-07-06 23:09文章编辑:优搜客浏览次数: 标签: css教程|    

width与margin,padding之间的宽度计算问题区别
一个600px宽的div,margin,padding的值计算区别
ie-{width: 600px;margin:10px;padding10px;}
在Firefox中应修改为:FF{width: 560px;margin:10px;padding10px;}
  也就是说在FF中,margin,padding的左右值也要算在width中,600-10×2-10X2=560px。在进行Div+Css重构中,IE与FF的排版结构中,最关键是第二和第四点,如果不处理好以上几个问题,那么你的你的网站在IE中浏览是那么定位精确,排版完美,一到Fire Fox中就是乱七八糟,横七树八的。最后说一句,如果你要把你的网站改为一个兼容性完美的Div+Css网站,那么你就准备大量的CSS知识,那怕你一个经验老到的高手,也要为一些兼容BUG付出比较用table排版的网站更多的时间。
 
IE5 和IE6的BOX解释不一致
IE5下,div{width:300px;margin:0 10px 0 10px;},div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px。
而在IE6和其他浏览器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。
这时我们可以做如下修改
div{width:300px!important;width :340px;margin:0 10px 0 10px}
IE5和firefox都支持但IE6不支持

如没特殊注明,文章均来自网络!转载请注明来自:https://www.yousouke.com/News/jzjy/11536.html

网站设计案例推荐

热门新闻

「石家庄网站建设」企业建网站如何提高网页打开速度

手机网站建设技巧及推广方法

「不等于符号」sql 不等于符号

服务器返回的http状态码

做好站内优化的重要性有哪些?

phpcms显示验证码出错怎么办?

CSS解决文字与图片不能水平居中对齐的问题

网站运营推广中哪些问题常常会遇到?

相关新闻

几种常见的JS操作CSS的方法

超链接去掉下划线的几个方法

DIV固定层CSS代码详解

CSS让图片垂直居中的几种技巧

CSS解决文字与图片不能水平居中对齐的问题

推荐新闻

超链接去掉下划线的几个方法

石家庄SEO:PR值是什么意思?

企业网站建设中有哪几个重要点?

网页加载缓慢怎么办?

404页面对SEO优化影响有多大?

学校网站建设方案里面主要包含哪些内容呢?

网站取消备案和注销备案到底有什么区别?

石家庄网站关键词优化之网站词库企业关键词的建立

【seo优化公司】快速提升网站权重的几个方法?