在另一个div里面的div到div

Question

我有两个具有背景图像的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;
}

Answer 1

您可以overflow: auto在父元素上使用

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

演示

刚刚获得了与此问题相关的分享链接.

此外,朝着这个更好的方法是使用,而不是position: absolute;你应该使用position: relative;有top,left,right和bottom性能,这不仅将保留元素浮动,它也将在同一块定位等元素救你.

演示2

Answer 2

您可以css position在这里使用酒店.

示例代码

<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.