css 设置 div 位置，没有 margin-top 和

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;
}