php外包、微信开发、app开发尽在蓝普!全国客服:400 8789 863

margin padding区别

margin:层的边框以外留的空白
padding:层的边框到层的内容之间的空白
注: 当你想让两个元素的content在垂直方向(vertically)分隔时, 既可以选择padding-top/bottom, 也可以选择margin-top/bottom, 再此建议你尽量使用padding-top/bottom来达到你的目的, 这是因为css中存在Collapsing margins(折叠的margins)的现象.

Collapsing margins: margins折叠现象只存在于临近或有从属关系的元素, 垂直方向的margin中.
因为我们有时候会不确定标签元素(如div h1 p)的高度,浏览器会自动把高度设为-auto.所以,会出现元素折叠问题。

标签:

转载请注明来源蓝普网络并以链接形式标明本文地址
本文链接: http://www.wbphp.cn/html/y12/9421.html

作者:营, 赵 | 日期:2015-12-16 | 分类:ecshop技巧, html, 新闻中心 | 评论:0 条 | 浏览:6


上一篇:
下一篇:

相关文章

    • 暂无相关文章

发表评论

*

* 以便邮件回复


给我汇款 | 合作流程 | 看看我们 | 加入我们 Copyright 2008-2016 php外包与洛阳php培训服务商. Some Rights Reserved. 豫ICP备12025288号-1