确认你是否使用了正确的属性名称和值来设置边距。有时候错别字或错误的属性名称会导致边距无法应用。
确认你是否将边距设置在正确的元素上。如果你将边距设置在一个不支持边距的元素上,边距也不会应用。
确认你是否在 CSS 文件中定义了正确的选择器。如果你定义了错误的选择器,边距也不会应用。
例子:
HTML 代码:
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
CSS 代码:
.wrapper { border: 1px solid black; padding: 10px; margin: 20px; }
p { font-size: 16px; color: red; }
在这个例子中,我们将边距应用于一个包含段落元素的 div 元素。我们将 margin 属性设置为 20 像素,但是如果你在浏览器中查看该示例,你会发现边距并没有应用。
原因是我们没有在 CSS 文件中定义 .wrapper 类的样式。如果我们定义了类的样式,边距将会被正确应用:
CSS 代码:
.wrapper { border: 1px solid black; padding: 10px; margin: 20px; }
.wrapper p { font-size: 16px; color: red; }
现在,我们的边距被正确应用到了 div 元素上。
下一篇:边距未被应用