保證金頂部到另一個div裏面的div

我有兩個div有背景圖片，我想爲第二個div添加保證金，但它會創建空白區域。保證金頂部到另一個div裏面的div

如何在保持div在其他div的同時添加頂部邊距？

<div class="background"> 
    <div class="logo"> 
    </div> 
</div> 

.logo { 
    background-image: url(image/logo2.png); 
    height:40px; 
    width:400px; 
    margin-left:100px; 
    display:block; 
    margin-top:20px; 
} 

.background { 
    background-image: url(image/empback.png); 
    width:100%; 
    height:94px; 
    min-width:1345px; 
}

來源

2013-08-21 amdvb

你應該看看'Mr.Alien's'的答案。 –

，您可以撥打這裏使用cssposition財產。

示例代碼

<div class="background"> 
    <div class="logo"> 
    </div> 
</div> 

.logo 
{ 
    background-image: url(image/logo2.png); 
    height:40px; 
    width:400px; 
    margin-left:100px; 
    display:block; 
    position:absolute; 
    top:20px; 
} 

.background 
{ 
    background-image: url(image/empback.png); 
    width:100%; 
    height:94px; 
    min-width:1345px; 
    position:relative; 
}

刪除margin-top:20px;，並添加position和top屬性.logo。

來源

2013-08-21 05:17:52

完美。謝謝。我會在一段時間後接受。 – amdvb

+1對你..... –

@DipeshParmar真棒，謝謝。很好地工作。 – webblover

您可以在父元素

.background{ 
    background: #f00; 
    width:100%; 
    height:94px; 
    min-width:1345px; 
    overflow: auto; 
}

Demo

剛剛得到一個鏈接到share這是關係到這個問題上使用overflow: auto。

而且，對這個更好的方法是不是使用position: absolute;你應該使用position: relative;與top，left，right和bottom性能，這不僅將保留元素浮動，這也將節省您從定位其他元素在同一塊。

Demo 2

來源

2013-08-21 05:19:39

針對downvote的任何評論？ –

@ RokoC.Buljan想看看這有沒有不好的一面，我通常會選擇相對絕對的東西，但這個解決方案的工作原理也是如此...... –

你從我身上得到了+1，在絕對的位置設置了一個位置總是可取的。良好的漁獲 –

只需瀏覽代碼即可。

只需更改位置和最高值即可獲得結果。

.logo{ 
position:relative; 
top:10px; 
background-color:black; 
height:40px; 
width:400px; 
margin-left:100px; 
display:block; 
margin-top:20px; 
} 

.background{ 
    position:absolute; 
    background-color:green; 
width:100%; 
    top:50px; 
height:94px; 
    min-width:1345px; 
}

來源

2013-08-21 05:29:14 nmkyuppie

保證金頂部到另一個div裏面的div

回答

相關問題