睿美印象网络欢迎您的到来,并真诚的希望能与您合作!
睿美印象网络
返回上一页
客服QQ
点击这里给我发消息
客服QQ
点击这里给我发消息
一切从沟通开始……

css新手:margin和padding的选择

作者:睿美印象网站建设工作室  发布日期:2012-10-11
   之前有提到过margin和padding的区别,但是在很多情况下,它们能达到相同的效果,这时候让我们觉的很难取舍,尤其我们这样的div+css新手。下面说下在具体应用中怎么判断该用哪个,仅供参考。
   什么时候使用margin

    需要在border外侧添加空白时。 
    空白处不需要背景(色)时。 
    上下相连的两个盒子之间的空白,需要相互抵消时。如15px + 20px的margin,将得到20px的空白。

    何时应当时用padding

    需要在border内测添加空白时。 
    空白处需要背景(色)时。 
    上下相连的两个盒子之间的空白,希望等于两者之和时。如15px + 20px的padding,将得到35px的空白。

    浏览器兼容性问题

    在IE 5.x、IE6中,为float的盒子指定margin时,左侧margin可能会变成两倍的宽度。通过改用padding或指定盒子为display:inline可以解决。


转载请注明:睿美印象网站建设工作室www.ruimeiyx.com
分享到:
已有 0 条评论
暂无评论
睿美印象在线客服
客服部小睿:
点击这里给我发消息
设计部小美:
点击这里给我发消息
技术海绵哥:
点击这里给我发消息
在线淘客服:
睿美印象网络
淘客服小睿:
睿美印象小睿
淘客服小美:
睿美印象小美