css如何设置三个并行DIV？

如何设置这样水平排列的三个div？ 左边一个宽度：150px，右边一个宽度：150px，中间一个宽度是其余像素，中间一个最小宽度是800px。所有div都需要一个位置：relative。

---

谢谢。

如果要定义固定的最大宽度，请使用包裹

.wrap {
  overflow:hidden;
  width:1200px; /* Optional */
}

.left {
  float:left;
  width:150px;
}

.middle {
  float:left;
  min-width:800px;
}

.right {
  float:left;
  width:150px;
}

<div class="wrap">
  <div class="left">Left</div>
  <div class="middle">Middle</div>
  <div class="right">Right</div>
</div>

.wrap{
溢出：隐藏；
宽度：1200px；/*可选*/
}
.左{
浮动：左；
宽度：150px；
}
.中{
浮动：左；
最小宽度：800px；
}
.对{
浮动：左；
宽度：150px；
}
左边
中间的
赖特

现在，html如下：

<div id="wrap">

   <div class="left"></div>
   <div class="center"></div>
   <div class="right"></div>

   <div class="clearBoth"></div>

</div>

---

不要忘记宽度：800px；中间{}啊，对了，忘了他提到了最小宽度。在那里添加了。谢谢，在这种情况下，包裹是否允许设置百分比。换行{overflow:hidden；width:100%；/*可选*/}如果您想让它扩展浏览器窗口的宽度，那么它应该可以工作。如果您将

向右移动
到
中间
之前，并将
设置为右
到
浮动：右
以及从
中删除
浮点数
。middle
也可以。您对使用div有任何要求吗，一般建议使用div。但是，如果你的情况很简单，那么创建三列或四列表格可能是最快捷、最简单的方法。相关：对不起，我是一个新手，我不能投票说“这个答案对大家都有帮助”。
#wrap {
width: auto;
position: relative;
}

.left, .right {
width: 150px; //or use 30%
float: left;
}

.center {
float: left;
min-width: 800px; //or use 60%
width: auto;
position: relative;
}

.clearBoth {
clear: both;
}