Question

我有一个3列表布局，中间列是position：relative;

在中心栏内我有一个需要定位的形式：固定; （好吧，除非有另一种方式）

我需要的是在浏览器扩展时具有液体宽度的表单，但它也需要粘在页面底部。所以，如果我使用position：fixed;它停留在底部，但它与右侧边栏重叠。如果我使用position：relative;它会像它应该的那样停留在侧边栏之间，但它会随页面滚动。

我做了一个小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;
}

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

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

1 个答案: