用这个指南区分两者
如果你不知道填充和边距之间的区别是什么，那么你并不孤单。 这是一个经常被问到的问题，并且让很多网页设计师难住。 有了这个快速教程，学会区分这两者。
理解差异
边距和填充可能会让新手网页设计师，甚至有更多经验的设计师感到困惑。 毕竟，在某些方面，它们看起来像是一样的东西：图像或对象周围的空白区域。
填充只是边框与实际图像或单元格内容之间边界内的空间。 在图像中，填充是内容周围的黄色区域。 请注意，填充完全围绕内容。 您会在顶部，底部，右侧和左侧找到填充。
另一方面，边界是边界之外的空间，边界和该对象旁边的其他元素之间的空间。 在图像中，边缘是整个对象外面的有限区域。 请注意，像填充一样，边距完全围绕内容。 顶部，底部，右侧和左侧有边距。
有用的提示
请记住，如果您计划使用边距和填充功能进行真正有趣的事情，则某些浏览器（如Internet Explorer）不会正确实施框模型。 这意味着您的网页在其他浏览器中看起来会有所不同（有时甚至完全不同）。