Html 固定块元素

我尝试使用“固定”样式制作页面的某些部分。我有类似的HTML：

<div class="container">
    <table class="frame">
    <tr>
        <td colspan="2">
            <div class="toolbar">
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="left-panel">
                <ul>
                    <li>Test 1</li>
                    <li>Test 2</li>
                    <li>Test 3</li>
                    <li>Test 4</li>
                    <li>Test 5</li>
                </ul>
            </div>
        </td>
        <td>
            <div class="content-fluid">
                Lorem ipsum dolor sit amet,<br /> 
                consectetur adipisicing elit, sed <br />
                do eiusmod tempor incididunt ut labore<br />
                 et dolore magna aliqua. 
            </div>
        </td>
    </tr>
    </table>
</div>

测试1
测试2
测试3
测试4
测试5

Lorem ipsum dolor sit amet，

圣殿骑士团
eiusmod是否临时包含劳动力

等等，多洛尔·马格纳·阿利夸。

和CSS：

<style type="text/css">
    .container {
        text-align: center;
    }

    .frame {
        border: none;
        border-collapse: collapse;
    }

    .frame td {
        vertical-align: top;
    }

    .toolbar {
        heigth: 40px;
        background-color: blue;
    }

    .left-panel {
        width: 150px;
        margin-top: 20px;
        background-color: yellow;   
    }

    .content-fluid {
        margin-top: 20px;
        margin-left: 10px;
    }
</style>

.集装箱{
文本对齐：居中；
}
.框架{
边界：无；
边界塌陷：塌陷；
}
.frame td{
垂直对齐：顶部；
}
.工具栏{
高度：40px；
背景颜色：蓝色；
}
.左面板{
宽度：150px；
边缘顶部：20px；
背景颜色：黄色；
}
.内容液{
边缘顶部：20px；
左边距：10px；
}

如何使工具栏和左面板固定并居中。我尝试添加样式固定和负边距。这是可行的，但我不认为这是正确的解决方案。我也使用表格作为框架（我不知道如何以另一种方式将其居中（.content fluid should stretch）），它看起来很难看。

---

对不起，我的英语不好：（

如果你想让你的桌子居中，你可以将“.Container”宽度设置为100%，并在你的框架中添加“margin:auto”。看看这个：

---

关于你的第一个问题，请你再解释一下好吗？

谢谢，我忘了添加页边距。我希望带有“位置：固定”的黄色和蓝色块保持在相同的位置（居中对齐）。只有块。内容流体应该滚动。类似这样的内容，但蓝色块应该拉伸。如果可能的话，也许可以？不使用表格。我希望这有帮助：我将其更改为无表格，并使蓝色块固定在顶部，拉伸并对齐中心。黄色块也固定在左侧。我不确定这是否是您想要的ed或希望我应用其他更改？谢谢，这几乎是我想要的。我将尝试为我做所需的更改