html - 固定 div 旁边的流体 div

Question

我有 Bootstrap framework为网站的基础。现在，假设主要内容是 1000 像素宽。然后我有这个 100% 宽的区域，在其中我以 1000px 区域为中心。但是……

1. 左侧部分的宽度固定为 290 像素。
2. 右边的长部分是可变宽度的，从左边部分的边界开始，到 100% 宽容器结束的地方结束。
3. 右边长条里面是710px的固定内容。

我想要宽度合适的内容。图像 slider 或谷歌地图或其他东西。

我认为基本的html应该是:

<div class="wide_container">
 <div class="container1000px">
  <div class="left290px">
  </div>
  <div class="rightFluid">
   <div class="right710px">
     But inside of this the image slider should be wider than 710px.
     And this website is responsive, too.
   </div>
  </div>
 </div>
</div>

非常感谢任何想法!

( Full image )

Answer 1

将 .rightFluid 设置为 min-width:710px 并添加类 pull-right。

.rightFluid{
     min-width:710px;
}

<div class="rightFluid pull-right">

我认为，这应该可行。

您可以在此处查看引用资料:http://jsfiddle.net/ashishanexpert/B8L6L/