流体布局中的固定宽度块

Question

在流体布局中，我需要在同一条线上并排，一个固定宽度的块和一个最大宽度的流体宽度块。调整窗口大小时，流体宽度块应调整为“＃34; push＆＃34;通过固定宽度块。

以下是我的目标：http://cssdesk.com/gHvUB

但遗憾的是，内容扩展到其容器之外......

任何人？

Answer 1

使用您提供的示例实现目标的一种方法是

1. 向流体箱添加200px的右边距

2. 在固定宽度框中添加-200px的相对位置。

   .line {
      ...
      position: relative;
    }
   .fluid {
      ...
      margin-right: 200px;
    }
   .fixed-width {
      ...
      position: relative;
      top: 0;
      right: -200px;
    }
   

Answer 2

使用css（特别是css3）可以有很多不同的方法来实现这一点。

这里有几个例子：

example

example

在网站上：

CSS Layout 2-Column fixed-fluid

Answer 3

好的，最简单的方法是将容器设置为overflow：auto。然后将两个子容器设置为position：absolute。由于容器的位置：相对它们将位于父级内部。然后你需要将父亲的身高设置为某种东西。你可以尝试min-height :(值）。 I have a sample here.

希望这有帮助。