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

回答

相關問題