css设置div pos，没有margin-top和<br/>

Question

如何在没有<div>和<br/>的情况下设置margintop位置？对于例如margin-top: 40px？

HTML：

<div id="page" class="div_page">
    <div id="login" class="div_login">
        asd
    </div>
</div>

CSS：

<style>
    div.div_login {
        background-color:#EAEAEA;
        height: 200px;
        width: 400px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
</style> 

Answer 1

一种方法是让div相对定位并使用top:40px

div.div_login {
    background-color:#EAEAEA;
    height: 200px;
    width: 400px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top:40px;
    position:relative;
}

Answer 2

添加：

position: relative;

到你的div.div_login