CSS:两个，div并排

Question

如何让绿色/黄色框显示在侧边栏旁边而不是下方？绿色/黄色部分应为 100% 宽度。

这是我的源代码:HTML

    <div id="sidebar">

    </div>

    <div class="header">

    </div>

CSS

#sidebar{
    background-color: #404040;
    height: 100%;
    width: 50px;
}

.header{
    margin-left: 50px;
    width: 100%;
    height: 200px;
    background-color: #808000;
}

Answer 1

将display:inline-block 添加到#sidebar 和.header