相对div内元素之间的css空间

Question

我没有找到我的问题的答案。

我有这两个div。我希望链接出现在顶部div的底部。 它的作品，但我不能在元素之间添加空间

System.Collections.Generic.List1[System.Object]

http://jsfiddle.net/h7x4zvf4/

结果是元素之间没有任何空格。 我可以理解，使用相对位置会影响其余的定位，例如填充和边距，但却没有找到原因。

Answer 1

使用

#menu a {
    position:absolute;
}

您从正常流量中删除每个<a> 单独，因此margin-left无效，因为每个元素（或任何其他方向）的左侧没有任何内容可以影响这些元素的位置。

从position:absolute移除#menu a并将其添加到#menu，这样您就可以将包含所有锚点的元素放置在div#top的底部内部元素“正常”定位，即相对于彼此定位。

#menu {
    position:absolute;
    bottom:0;
}
#menu a {
    text-decoration:none;
    margin-left:10px;
}

Fiddle

Answer 2

无需使用定位 - 只需将#top margin-top给予，就像这样;

#top {
    margin-top: 200px;
}


#menu a {
    margin-left:10px;
}

Fiddle