3 列布局，固定与相对定位 CSS

Question

我有一个 3 列的表格布局，中心列是 position:relative;

在中心栏内，我有一个需要定位的表格：固定； （好吧，除非有其他方法）

我需要的是当浏览器变宽时表单具有流动宽度，但它也需要粘在页面底部。所以，如果我使用 position:fixed;它位于底部，但与右侧边栏重叠。如果我使用位置：相对；它像应有的那样停留在侧边栏之间，但它会随着页面滚动。

我做了一个小 jsfiddle，但它没有显示固定的定位。但是你可以看到我的代码。 http://jsfiddle.net/winchendonsprings/S5zkm/1/

在这里您可以看到它与右侧边栏重叠。 http://i.imgur.com/awp07.png

Answer 1

#center {
    padding: 0 15px;
    background-color: green;
    position:relative;
}
div.main {
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
}

您可以尝试一下（相对定位父级中的绝对定位）。 使用顶部和底部值将其垂直定位。 （它应该随着窗口水平调整大小）。 这就是你想要的吗？