css - 页眉背景 - 左边距

Question

我有一个论坛网站@ http://forum.banaisbul.com

如您所见，页眉中存在一个免费问题，我无法设置全灰色背景色。当我使用 margin-left 代码时，它总是显示白色背景而不是灰色。

这是我使用的代码:

你能告诉我哪里错了吗？

Answer 1

将 margin-left 更改为 padding-left 即可。

margin 和 padding 的区别在于，margin 是渲染在元素外部的空间，在它自己和其他元素之间。通过设置左边距，您将移动整个页眉及其背景颜色。

另一方面，填充是元素内部的空间，介于元素的外边框和内容之间。在这种情况下，它移动内容(即图像)而不是整个标题。因为标题元素本身保留在原位，所以背景颜色在图像旁边的左上角也可见。