html - 如何在调整窗口大小时将 'table' 和 'div' 重叠在另一个 'div' 中

Question

我将 table 元素和 div 元素放在一起。两者都包裹在另一个 div 中。

她就是一个例子: http://jsfiddle.net/7Ge4h/

<div>
    <table id="table-inside-div">
        <tr>
            <td><div>Table inside the div</div></td>
        </tr>
        <tr>
            <td><div>Table inside the div</div></td>
        </tr>
    </table>

    <div id="div-inside-div">
        <span style="background:red">Div inside the div</span>
    </div>
</div>

当我水平调整输出窗口大小时，表格和 div 尽可能靠近彼此时，div 位于表格下方，但如果它的位置固定，我希望它越过表格。我该怎么做？

Answer 1

像这样:

CSS

@media screen and (max-width: 400px) {
    #div-inside-div {
        position: fixed;
    }
}

Fiddle