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

我尝试将两个元素并排放置，其中第二个元素的固定宽度为100像素，第一个元素将占用它旁边的所有空间。（因此，如果宽度为900像素，则为800像素）

---

我试着用百分比来做，但很明显不同的屏幕分辨率会把事情搞得一团糟。（基本上，如果你做过Android编程，我想做的是让一个对象有100像素，另一个对象有匹配的父宽度来填充线性布局的其余部分）。这在纯CSS中可能吗？如果有帮助的话，我正在使用Bootstrap3

您可以使用绝对定位。像这样的

---

你可以使用绝对定位。像这样的

---

你可以使用绝对定位。像这样的

---

你可以使用绝对定位。像这样的

---

你不必使用绝对位置。任何方法都可以，这取决于你想得到的详细程度。如果希望container1的背景与container2相同，只需将它们都包装在主容器div中，并以固定的像素高度向左浮动它们。如果要防止侧边栏文本在主内容下方流动，请在两个div高度上放置像素或百分比值。 如果您使用HTML5，您可以使用flex框或节标记来避免使用div。 以下是一些对您有用的链接： 查看matthew james taylor的设计博客：

---

你也可以考虑查一本书：CSS缺少手册。那里有很多好东西，这是一个很好的资源。

你不必使用绝对位置。任何方法都有效，这取决于你想得到的详细程度。如果希望container1的背景与container2相同，只需将它们都包装在主容器div中，并以固定的像素高度向左浮动它们。如果要防止侧边栏文本在主内容下方流动，请在两个div高度上放置像素或百分比值。 如果您使用HTML5，您可以使用flex框或节标记来避免使用div。 以下是一些对您有用的链接： 查看matthew james taylor的设计博客：

---

你也可以考虑查一本书：CSS缺少手册。那里有很多好东西，这是一个很好的资源。

你不必使用绝对位置。任何方法都有效，这取决于你想得到的详细程度。如果希望container1的背景与container2相同，只需将它们都包装在主容器div中，并以固定的像素高度向左浮动它们。如果要防止侧边栏文本在主内容下方流动，请在两个div高度上放置像素或百分比值。 如果您使用HTML5，您可以使用flex框或节标记来避免使用div。 以下是一些对您有用的链接： 查看matthew james taylor的设计博客：

---

你也可以考虑查一本书：CSS缺少手册。那里有很多好东西，这是一个很好的资源。

你不必使用绝对位置。任何方法都有效，这取决于你想得到的详细程度。如果希望container1的背景与container2相同，只需将它们都包装在主容器div中，并以固定的像素高度向左浮动它们。如果要防止侧边栏文本在主内容下方流动，请在两个div高度上放置像素或百分比值。 如果您使用HTML5，您可以使用flex框或节标记来避免使用div。 以下是一些对您有用的链接： 查看matthew james taylor的设计博客：

---

你也可以考虑查一本书：CSS缺少手册。那里有很多好东西，这是一个很好的资源。

你可以使用

显示：表格单元格

。我用@MelanciaUK获得了它建议：像这样：你看过TW引导网格系统吗？这就是它的用途。你可以使用

display:table cell

。我使用@MelanciaUK获得它建议：像这样：你看过TW引导网格系统吗？这就是它的用途。你可以使用

display:table cell

。我使用@MelanciaUK获得它建议：像这样：你看过TW引导网格系统吗？这就是它的用途。你可以使用

display:table cell

。我使用@MelanciaUK获得它建议：像这样：你看过TW引导网格系统吗？这就是它的用途。

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