html - div 内で上マージンが機能しない

Question

私は2つの部門を持っています..

CSS

#content {
    background: url('../images/bg.jpg') no-repeat left;
    width: 100%;
    height: 811px;
}
#welcome {
    background: #fff;
    width: 600px;
    height: 50px;
    color: #000;
    margin-top: 200px;
}

HTML

<div id="content">
    <div id="welcome">
        this is welcome
    </div>
</div>

マージンは親 div 内ではなく、親 div を移動しています。親divにもパディングを付けようとしましたが、同じです。の解き方？

Answer 1

overflow:auto; を試してみてください。

#content{
background:url('../images/bg.jpg') no-repeat left;
width:100%;
height:811px;
overflow:auto;
}
#welcome {
background:#fff;
width:600px;
height:50px;
color:#000;
margin-top:200px;
}