正确的方式粘在div的底部

Question

我正在尝试将ul和span元素粘贴到其包含div的底部。我设法的唯一方法是通过position:relative设置它们并分别为每个元素（根据其大小）播放bottom: x。

有更标准的方法吗？

以下是代码：jsfiddle

<div id="header">
    <div id="top_menu">
        <span id="logo">TechSystems</span>
        <span id="sub_logo">think smarter</span>
        <div id="menu_content">
            <ul>
                <li>home</li>
                <li>about</li>
                <li>contact us</li>
            </ul>
        </div>
    </div>
</div>
<div id="slideshow">
</div>

Answer 1

尝试添加到#menu_content：

#menu_content
{
position:fixed;
bottom: 0px;
}

请参阅：https://jsfiddle.net/x7p35mrz/