javascript - 并排放置 2 个对象，其中 1 个在 css 中具有固定大小

Question

我试图并排放置 2 个元素，其中第二个元素的宽度固定为 100 像素，而第一个元素将占据其旁边的所有空间。 (因此，如果宽度为 900 像素，则为 800 像素)。

我试着用百分比来做，但显然不同的屏幕分辨率会把它完全搞砸。 (基本上，如果你已经完成了 Android 编程，我想要做的是有一个 100 像素的对象，另一个具有 match_parent 宽度以填充 LinearLayout 的其余部分)。这在纯 CSS 中可能吗？如果有帮助，我正在使用 Bootstrap 3。

Answer 1

您可以使用绝对定位。是这样的吗？ http://jsfiddle.net/v5r5htdt/

.div1 {
    background: red;
    position: absolute;
    width: 100px;
    left: 0;
    top: 0;
}
.div2 {
    background: blue;
    padding-left: 100px;
}