CSS定位问题

由于某种原因，我的div名称'profile-stuff'底部有额外的空白空间。我似乎无法弄清楚为什么它在那里。我可能做错了什么。CSS定位问题

我的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; 
}

来源

2013-04-10 Matt Morris

在'＃cover-wrap'上将'top：-100px; margin-bottom：-100px'改为'margin-top：-100px'：http://jsfiddle.net/8kvwC/3/ – Passerby 2013-04-10 03:22:56

@passerby这是一个回答。 – 2013-04-10 03:23:28

@JamesMontagne因为我看到Adrift已经给出了一个解释... – Passerby 2013-04-10 03:25:07

在你#cover-wrap，改变你的位置绝对和更改顶部-100px到50px。

应该解决您的问题。

来源

2013-04-10 03:20:30 Stephen

好吧，从注释扩展：

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

因此，为了避免这种情况，改变

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

到

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

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

来源

2013-04-10 03:29:35 Passerby

你可以使用这个答案如果u想为底部的空间意味着你要添加

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

来源

2013-04-10 04:46:38

回答

相关问题