html - 上边距不起作用

Question

我对子元素的 margin top 有点问题。

CSS:

body {
    height: 960px;
}
.breadcrumbs {
    position: relative;
    background-color: #eee;
    height: 10%;
}
.name {
    color: #000;
    margin-top: 50px;
}

http://jsfiddle.net/GRQNh/

为什么它不起作用？ Class .name 粘在上面。

提前致谢。

Answer 1

在您的示例中，您使用的是 <span>和 <span>不是 block 元素，所以你需要 display: block或 display: inline-block margin 工作。

如果添加 display: block至 <span>那么你可以使用 <div>相反，因为效果是一样的。