流体布局中的固定宽度块

Question

在流体布局中，我需要在同一行中并排排列固定宽度块和最大宽度的流体宽度块。当窗口调整大小时，流体宽度块应调整为由固定宽度块“推动”。

这里是我来实现：http://cssdesk.com/gHvUB

但可悲的是内容扩展其容器外.....

有人吗？

Answer 1

有了css（特别是css3），将会有许多不同的方法来实现这一点。

下面几个例子：

example

example

在这里，在网站上：

CSS Layout 2-Column fixed-fluid

Answer 2

一种方式与你给的例子来实现你的目标将请致电

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

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

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

Answer 3

好，最简单的方法是设置容器溢出：汽车。然后将两个子容器设置为绝对位置。由于集装箱的位置：相对他们将坐在父母的内部。然后你需要设置父母的身高。你可以试试min-height :(价值）。​​

希望这会有所帮助。