CSS定位问题

Question

由于某种原因，我的div名称'profile-stuff'底部有额外的空格。我似乎无法弄清楚它为什么存在。我能做错什么？

JSFIDDLE：http://jsfiddle.net/8kvwC/

我的CSS：

#profile-stuff {
    margin: 0px 0px 20px 0px;
    height: auto;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.498039) 0px 6px 16px -9px;
    background-color: #fff;
}

Answer 1

在#cover-wrap中，将您的排名更改为绝对排名，并将排名-100px更改为50px。

应该解决你的问题。

Answer 2

好的，从评论延伸：

正如@Adrift所解释的那样，无论position:relative / top /等等如何，left元素仍然占据他们需要的空间。偏移它们被分配。

为避免这种情况，请更改

#cover-wrap {
    top:-100px;
    margin-bottom:-100px;
}

到

#cover-wrap {
    margin-top:-100px;
}

http://jsfiddle.net/8kvwC/3/

Answer 3

如果你想要底部的空间意味着你必须添加

，你可以使用那个答案

       div{
         float:left;
        margin-bottom:100px;
         }