在一个div的右下角再添加一个div的方法

<div id="header">
    <div id="logo">

    </div>

    <div id="note">
        <p>右下角的内容</p>
    </div>

</div>

#header {
    height: 100px;
    width: 1600px;

    background-color: saddlebrown;
    position:relative;
}



#header #note{
    display: inline-block;
    height: 50px;
    width: 800px;
    background-color: black;
    position: absolute;
    right: 0px;
    bottom: 0px;
    
}