如何管理具有绝对位置的两个 div

Question

我正在尝试解决任务，div 宽度的问题在哪里。问题是我需要将两个 div 的位置都设置为绝对（参见图片 - div1 和 div2）。

Div1 有属性

最小宽度：280px

另一个 div 应该有其余页面的宽度。

如果第一个 div 的宽度大于280px，问题是如何处理这个 min-width 参数。

有没有什么办法，不用JS也能动态设置div2？ 两个 div 的位置不能改变，必须保持绝对设置。

Answer 1

我仍然不确定 div 必须绝对定位的原因，但我承认您可以将它们设置在绝对容器中并定位为表格单元格：

<div class="container">
    <div class="left">Some dynamic content here</div>
    <div class="right"></div>
</div>

CSS：

.container {
    position: absolute;
    display: table-row;
    /*Set your top-right-bottom-left absolute position here*/
}

.container > div {
    display: table-cell;
}

.left {
    min-width: 280px;
}

.right {
    width: 100%;
}

检查一下：http://jsfiddle.net/3QGfj/

否则恐怕你应该使用Javascript。